JQDialog(Ex) and CSS styling

[GerritS]

After a forceful fight trying to do some dialog styling in CSS, I find myself completely stuck. This is what I did :

I unchecked all the stylerender options except the z-index. I set the CSS property of the dialog component and describe the (quite simple) style in my CSS. (Later I also tried it with a # style in CSS, but that did not work either). Despite of the fact I unchecked all the stylerender options, the dialog has still hardcoded width, height and position. Even so I cannot get rid of the hardcoded ui-classes in the dialog.

What I would like to accomplish seems not too difficult (for me it is, however) : I want a JQDialog to be styled at 80% width, 80% height at a top of 10% and a left of 10%. And yes, I used absolute positioning, pressed (alt-) F5 to refresh my CSS and I use the latest version of CGDevTools (and the wwwroot directory).

[Alexander Bulei]

Hi GerritS,

Unfortunately, you can't do it, because the Intraweb works with absolute size & position.
So, you can't set the relative(responsive) size and position.

Anyway, you can force it on jquery ui with overriding css rules, but you will see unexpected behavior with components inside.

Best Regards.

[GerritS]

Hi Alexander,

Thanks for your explanation. At least it is good to know it simply could not be done, after having such a struggle I'll try to create something myself with an overlapping darker region to get the modal feel, and another region in the foreground.

thanks, Gerrit