Info widget Background

[rsnell]

Is there any way to make the info widget background transparent rather than white? I'm trying to add text to a page, but don't want it to appear as a big box.

[Johnny Major]

Sure, you can set it on startup via an execute script by pulling in the widget and setting the body background to transparent. Below is an example; I named my info widget 'myInfoWidget'.

getWidget('myInfoWidget').body.setStyle('background','transparent');

[rsnell]

that didn't work for me. I added this to the widget and it worked:
<style>.x-panel-body-ultraslim{background:transparent;}</style>

[rsnell]

Looks like using my approach causes problems in other widgets. Do you have any more thoughts on how we can get this to work?

[sean.lanktree]

You are changing the x-panel-body-ultraslim class for the entire application. Not sure why the technique that Johnny gave you is not working. Did you replace the "myInfoWidget" with the name of your widget?

[rsnell]

I used the name I see on screen and also tried clicking the widget when setting up the script. Nothing works. In fact, I set up an app to test with just an info widget. It hangs with the script, but displays successfully without it.

[sean.lanktree]

So the script must be in error...what is the code in your script?

[rsnell]

Here's what I have:

image.png?

[sean.lanktree]

Is the "info" widget the only widget in your application? Is it set to be "Initially Hidden"?

[rsnell]

It's not the only widget. It's not initially hidden.