EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: Pierre on July 08, 2017, 02:16:44 AM



Title: [SOLVED] Right-side panel on Mobile
Post by: Pierre on July 08, 2017, 02:16:44 AM
Hello Development
you made great example of how to open right panel using desktop version:
http://code.reloado.com/oeasyrik1/127/edit
and my question is - do you have such example for mobile devices?
With other words, I try to use right sidebar on both (desktop and mobile) devices and I need right-sidebar for mobile devices (I can use same for desktop, too).
Thank you for your help.


Title: Re: Right-side panel on Mobile
Post by: stworthy on July 08, 2017, 08:54:28 AM
It is easy to build this layout for both desktop and mobile devices. Here is another example using the transition animation to slide in and out the menu panel.
http://code.reloado.com/oloyor3/edit#preview


Title: Re: Right-side panel on Mobile
Post by: Pierre on July 08, 2017, 01:30:50 PM
Hello Stworthy
thank you for your example but it does not look good on mobile device (it is too small).
I attached image from mobile device emulator - if you run Development view on your browser and if you press Mobile device view, you will see that whole screen is small - it is OK on desktop but not on mobile.
Thank you for your additional help.


Title: Re: Right-side panel on Mobile
Post by: Pierre on July 12, 2017, 09:57:38 AM
Hello Stworthy
any chance to create sidebar for Mobile, please?
Thank you.


Title: Re: Right-side panel on Mobile
Post by: Pierre on July 15, 2017, 01:09:10 PM
Hello
if it is not in your plan - it's OK - just let me know so I can search for other solutions.
Thank you.


Title: Re: Right-side panel on Mobile
Post by: stworthy on July 15, 2017, 05:21:08 PM
Please look at this example http://code.reloado.com/oeasyrik1/128/edit#preview.
You can also run the example below on your mobile phone.
http://www.jeasyui.com/test/test.html


Title: Re: Right-side panel on Mobile
Post by: Pierre on July 15, 2017, 10:42:51 PM
Awesome, thank you so much.