EasyUI Forum
March 28, 2024, 02:05:33 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: [SOLVED] Right-side panel on Mobile  (Read 6750 times)
Pierre
Sr. Member
****
Posts: 439


View Profile Email
« 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.
« Last Edit: July 15, 2017, 10:43:04 PM by Pierre » Logged
stworthy
Administrator
Hero Member
*****
Posts: 3581


View Profile Email
« Reply #1 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
Logged
Pierre
Sr. Member
****
Posts: 439


View Profile Email
« Reply #2 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.
Logged
Pierre
Sr. Member
****
Posts: 439


View Profile Email
« Reply #3 on: July 12, 2017, 09:57:38 AM »

Hello Stworthy
any chance to create sidebar for Mobile, please?
Thank you.
Logged
Pierre
Sr. Member
****
Posts: 439


View Profile Email
« Reply #4 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.
Logged
stworthy
Administrator
Hero Member
*****
Posts: 3581


View Profile Email
« Reply #5 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
Logged
Pierre
Sr. Member
****
Posts: 439


View Profile Email
« Reply #6 on: July 15, 2017, 10:42:51 PM »

Awesome, thank you so much.
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!