jQWidgets Forums

This topic contains 3 replies, has 2 voices, and was last updated by dev_pepper 11 years, 5 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)

Author

Responsive Window.. Posts
January 14, 2014 at 8:38 am Responsive Window.. #47821

dev_pepper
Participant

Hi,

How can i apply responsive design for jqxWindow widget. I have the window inside of a responsive container,

here is my code,but it is not working..

` $(“#ResponsiveWindow”).jqxWindow({
width: ‘50%’,height:’50%’, resizable: true, isModal: true, autoOpen: false, modalOpacity: 0.01
});
<div id=”parent” style=”width=50%;height:50%”> // same as window size

<div id=”ResponsiveWindow”>

<div>Head</div>

<div style=”overflow: hidden;”>
Content
</div>

</div>

</div>`

How do I make it responsive just like its parent?

Thanks,

January 14, 2014 at 9:44 am Responsive Window.. #47826

Peter Stoev
Keymaster

Hi dev_pepper,

jqxWindow’s Parent is always the document’s Body tag. It is not a child of other DIV tags. My suggestion about jqxWindow is to dynamically update its “width” and “height” properties in the window’s resize handler.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

January 15, 2014 at 4:26 am Responsive Window.. #47862

dev_pepper
Participant

OK Thanks Peter Stoev..I changed my plan..i need to display a window ,that uses 100% width and height of my screen..how can i do that….i have seen width,maxWidth,height,maxHeight properties of jqxwindow..which property i need to set for using full width and height of my window??..i used width property but is it impossible to set window’s width to value greater than 800…

January 15, 2014 at 6:15 am Responsive Window.. #47869

dev_pepper
Participant

OK i solved it this way.. $(“#ResponsiveWindow”).jqxWindow({
width:”75%”,height: “75%”,maxWidth:”90%”,maxHeight:”90%”,resizable: false, theme: theme, isModal: true, autoOpen: false, });

Is it legal?

Thanks
Author

Posts

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.