All geek questions in one place

How to make jquery dialog work with themeroller themes?

I am trying to open a dialog from a jquery user interface. All online demos use flora.css. I cannot correctly display a dialog box with the css file generated by themeroller application. Am I missing something? Should these things work out of the box?

Update: Thanks Brock. When I cleaned up my code to make a sample, I realized that the HTML in demo.html (which comes with themeroller.zip) is a little too verbose. All I had to do was give the div div to the class="ui-dialog" attribute as follows:

 <div id="SERVICE03_DLG" class="ui-dialog">please enter something<br><br> <label for="something">somthing:</label>&nbsp;<input name="something" id="something" type="text" maxlength="20" size="24"> </div>

I will accept my answer. Thank you for your time.

+4
source share
1 answer

I think this is because you have different classes.

 <div id="SERVICE03_DLG" class="flora"> (flora) <div id="SERVICE03_DLG" class="ui-dialog"> (custom)

Even with a flora theme, you will still use the ui-dialog class to define it as a dialogue.

I already made modals, and I did not even define a class in the tag. jQueryUI should take care of this for you.

Try to get rid of the class attribute or using the ui-dialog class.

+1
source

Source: https://habr.com/ru/post/1276542/

More articles:


All Articles