This is a trivial question, but: do you know if it is possible to define the properties of a Jquery-UI dialog in the HTML/CSS of the corresponding DIV? The docs just show how to do it in Javascript.
Thanks for any help
l
3
-
What kind of properties are you referring to?Steven– Steven2009-12-12 20:47:23 +00:00Commented Dec 12, 2009 at 20:47
-
Steven, all those that control the aspect and behavior of the dialog: eg, autoOpen, width, height, <a href="jqueryui.com/demos/dialog/#options">etc</a>.laramichaels– laramichaels2009-12-12 20:50:53 +00:00Commented Dec 12, 2009 at 20:50
-
sorry, didn't know comment boxes don't like html : ) The link is jqueryui.com/demos/dialog/#options%22%3Eetc%3C/a%3Elaramichaels– laramichaels2009-12-12 20:51:27 +00:00Commented Dec 12, 2009 at 20:51
Add a comment
|
2 Answers
It is possible.
You can define custom properties for your HTML tag like <div dialogwidth="400"></div>
This will work but this won't be valid.
In HTML5 you can create custom attributes (more discussion here).
You can also create invisible tag and keep settings inside it:
<div id="dialog">
Dialog text.
<div style="display: none;" class="dialog-width">400</div>
</div>
<script>
alert("Dialog width is " + $("#dialog") + "px");
</script>
But this solution is not elegant.
Comments
Things like max-height/width, display and other default CSS properties, can be controlled in CSS. But other jQuery specific properties, can only be set in you javascript file.
