How do I style a dialog?

Targets Web
1

Last night I saw someone ask a similar question but I can’t find it now so I’ll ask. I have a WebDialog that I created and styled. I call it CreateNewMemo. When I drag it onto a page, it’s added as CreateNewMemo1 which is fine. But when I run the project, almost all of the styles are completely lost. It looks like it might keep the label styles but the dialog background is solid white instead of the color I’d chosen in the style for it.

Even when I set the Style property to the CreateNewMemo1 to the right background style, the dialog is still white. Am I doing something wrong or is this the IDE messing something up?

Thanks!
Dave

2

After you’ve dragged the dialog onto your page you’ll need to apply the style to that instance in the inspector.

3

That is exactly what I’m doing and it’s having no effect at all. The dialog is simply bright white.

4

Another approach is to put a Rectangle in the dialog and apply the style to that.

5

This is a known bug <https://xojo.com/issue/15800>

6

This is a workaround if you do not feel to use a Rectangle or a WebContainer to do color background. Note that Xojo does not recommend addressing directly such elements in the Dom that way. It may break if the Xojo Web framework is modified, but given the circumstances…

In the dialog Shown event :

self.ExecuteJavaScript("document.getElementById('"+Me.ControlID+"_body').style.backgroundColor='#00FF00'")
1 Like
7

That’s what I’m going to do. It’s quick and easy and solves my problem. Thanks Bob!

8

Is it sill not fixed?

9

Not according to <https://xojo.com/issue/15800>

But in the meantime you can use the workaround.

10

Ok Thanks.