EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: Pierre on September 19, 2017, 02:45:19 AM



Title: [SOLVED] Strong Mobile example
Post by: Pierre on September 19, 2017, 02:45:19 AM
Hello Development
any chance to make some Mobile layout example, like this one:
http://framework7.io/examples/split-view-panel/
where left navigation column is hidden (when used on mobile device).
That will be big step for us because it means we can develop applications for mobile devices and desktop - using 100% same code.
Thank you for your help.


Title: Re: Strong Mobile example
Post by: stworthy on September 20, 2017, 03:54:54 AM
Here is the simple example shows how to build a layout with navpanel components.

http://code.reloado.com/itiloj3/edit#preview


Title: Re: Strong Mobile example
Post by: Pierre on September 20, 2017, 05:02:22 AM
Dear Stworthy
Argghhh ...  ;D Thank you so much for your great example.
It is awesome!
There is just one thing - when you resize your example (or open on mobile device) Left view should be hidden and on Main view should be visible a button for open/show left view, please see attached image.
Can you do that, please?
If yes, then it will be great Mobile layout because Left view will be navigation (using SimpleList) and right view can hold datagrid, form's and other components ..!
Thank you for your hard work.


Title: Re: Strong Mobile example
Post by: stworthy on September 20, 2017, 06:07:52 PM
Yes, you should add some additional code to achieve your requirements. Here is the updated example that shows the responsive feature.

http://code.reloado.com/itiloj3/2/edit


Title: Re: Strong Mobile example
Post by: Pierre on September 20, 2017, 10:38:10 PM
Masterpiece!
Thank you so much for your work.


Title: Re: [SOLVED] Strong Mobile example
Post by: thecyberzone on September 16, 2021, 10:40:03 AM
code.reloado.com server is down. Please reload the examples to somewhere else.