I'm using the panel widget of JQuery Mobile: http://demos.jquerymobile.com/1.4.1/panel/
It looks very nice on phones, but on tablet devices the panel is too small with respect to the screen size.
How can I scale the panel size and its content to the 50% of the screen?
I tried using transform:scale(1.5), but it has a lot of side effects, then I tried to customize the css according to the last part of the page http://demos.jquerymobile.com/1.4.1/panel/, but nothing changed.
Is there a simple way to modify the framework or to dynamically change the size of the elements without creating side effects?
Related
I am using highchart in react. It looks good in desktop view where as it looks too smaller in mobile devices. how can we make this responsive to make it look better in mobile devices.
Container height is set to 100% then chart appears in full screen but still font and labels are looks smaller.
When we use the highchart in REACT then index.html should have body tag with root div.
I'm trying to figure out how to enforce a minimum height (for fullscreen effect) on a jquery-mobile dialog box, essentially I'm trying to cover over the backdrop entirely with the dialog box itself.
I'm using a header but no footer if that makes a difference.
I am working on the jQuery UI menubar available here. I would like the menus to be displayed in the center of the bar and not in the left. How do I do that?
I tried to do it by padding, it works, but its not ideal thing to do as it is not appearing at the center if I use different devices.
i have a scrollable div which has the CSS Attribute overflow. With my iPad i can scroll the content of this div, but there are no scrollbars. Is it possible to show this scrollbars and to use them with no special javascript (jQuery) plugin?
You cannot Add Scrollbars. In iPad you can scroll with your 2 fingers. it is better to show full content in mobile devices as overflow:visible. if you are using responsive design, this option is better.
I have a page that is straight from the jQueryMobile site. I'm including a table of names, but on the iPad, it doesn't allow the user to pinch the screen size.
Please refer to this answer:
http://forum.jquery.com/topic/problem-with-the-zoom-on-ipad
In short, jQuery Mobile injects a fixed viewport size into the page.