Currently, I am utilizing Jquery UI for a pop-up feature that displays a table populated through an Ajax call. The script implementation is as follows:
<script>
$(function() {
$( "#dialog" ).dialog({
autoOpen: false,
show: {
effect: "blind",
duration: 1000
},
hide: {
effect: "",
duration: 1000
}
});
$( "#opener" ).click(function() {
$( "#dialog" ).dialog( "open" );
});
});
</script>
The corresponding HTML code is quite simple:
<div id="dialog" title="Preview" style="width:60%">
Some Content here
<table></table>
</div>
However, there is an issue where the width of the pop-up does not adjust to accommodate the size of the table. My goal is to set the width of the pop-up to 60% of the window size.