Different controller for smaller screens

Q&A about the latest versions
Post Reply
obywatelgc
Posts: 4
Joined: Fri Dec 19, 2014 11:14 am

Different controller for smaller screens

Post by obywatelgc » Sat Dec 20, 2014 1:19 am

Hi,

I asked this (viewtopic.php?f=6&t=9807) question about resizing the controller today but maybe I can ask it in a different way.
Is there a chance to prepare a different controller to be show on smaller screens compared to "normal full-featured controller" for wider screens. The tour is to be made in HTML5 only.

I saw this solution here: http://panoramy.fotoarchiwum.pl//Panora ... siony.html - when I open it on a full hd monitor I get a full-featured bottom bar with multiple options. On the other hand when I open it on my cell phone with smaller resolution I can see only two buttons for navigating to different places within the tour. Is there a chance to do the same with Pano2VR?

Thx
Greg

User avatar
hum@no.id
Posts: 945
Joined: Sat Sep 09, 2006 10:35 pm
Location: Dark side of the Moon
Contact:

Re: Different controller for smaller screens

Post by hum@no.id » Sat Dec 20, 2014 9:50 am

Yes, you need to use for element "container" only for the "hide condition" for small screens.
All that will be enclosed in a "container" will be hidden if you add in template output HTML this CSS code:

Code: Select all

@media only screen and (min-width: 320px) and (max-width: 1138px) {
			.ggskin_container {display: none;}
See for example my portfolio page on different devices and desktop - http://gumirj.com/index.php?do=cat&category=portfolio
Gumir J | VR Panoramic Photographer | mobile: +77055717171 | skype: gumirj
website: gumirj.com | google.com/+gumirj | facebook.com/gumirj | twitter.com/gumirj

obywatelgc
Posts: 4
Joined: Fri Dec 19, 2014 11:14 am

Re: Different controller for smaller screens

Post by obywatelgc » Mon Dec 22, 2014 1:48 am

So it's something you don't do in the app itself but by modifying the generated code.
Sounds nice. I will surely try that.
Thx!

User avatar
hum@no.id
Posts: 945
Joined: Sat Sep 09, 2006 10:35 pm
Location: Dark side of the Moon
Contact:

Re: Different controller for smaller screens

Post by hum@no.id » Mon Dec 22, 2014 7:00 am

modify normal.ggt HTML template and rename... e.g. custom.ggt

If you looked in my portfolio - http://gumirj.com/index.php?fullarticle=1
hide map and all the buttons for some screen sizes of smartphones
Gumir J | VR Panoramic Photographer | mobile: +77055717171 | skype: gumirj
website: gumirj.com | google.com/+gumirj | facebook.com/gumirj | twitter.com/gumirj

gr.panorama
Posts: 56
Joined: Wed Nov 17, 2010 6:18 pm

Re: Different controller for smaller screens

Post by gr.panorama » Sat Mar 14, 2015 6:00 pm

hum@no.id wrote:Yes, you need to use for element "container" only for the "hide condition" for small screens.
All that will be enclosed in a "container" will be hidden if you add in template output HTML this CSS code:

Code: Select all

@media only screen and (min-width: 320px) and (max-width: 1138px) {
			.ggskin_container {display: none;}
That's a great and smart way Gumir!,
cause not only it hides the container, but also what's inside it, does not even load taking up space.
Tried it and works fine!
Even though, I tried to hide one container eg "container1" while still displaying another one eg "container2"
but I cannot make it work.
Isn't this possible?
Minos

User avatar
hum@no.id
Posts: 945
Joined: Sat Sep 09, 2006 10:35 pm
Location: Dark side of the Moon
Contact:

Re: Different controller for smaller screens

Post by hum@no.id » Sun Mar 15, 2015 2:36 am

Hi
In the script generates a unique class name for this item - ggskin_container
You can not assign different classes for different output conditions...
Gumir J | VR Panoramic Photographer | mobile: +77055717171 | skype: gumirj
website: gumirj.com | google.com/+gumirj | facebook.com/gumirj | twitter.com/gumirj

Post Reply

Who is online

Users browsing this forum: No registered users and 17 guests