Hi
Iam trying to adjust map window in mobile view, but tour is appearing behind Map window, can't we adjust map window and tour window proportionately. I Mean Tour window should adjust screen with map window (should not go behind Map).
using 3D arrow hotspot component customized skin with Google maps window
Please help.
Rajesh
Pano2VR Pro 7.1.1a
windows 11 pro
Map window adjustment in Mobile View
Hi Rajesh,
Yes, you will have to use margins. Martin has posted a tutorial that you can find here viewtopic.php?p=73070#p73070
Cheers,
Tony
Yes, you will have to use margins. Martin has posted a tutorial that you can find here viewtopic.php?p=73070#p73070
Cheers,
Tony
Tony Redhead | Panoramic Photographer | mobile: +61438501002 | website: https://tonyredhead.com - https://redsquare.com | Pano2VR Tutorials: https://tonyredhead.com/pano2vr | instagram: https://www.instagram.com/tonyredhead/
-
- Posts: 8
- Joined: Thu Aug 15, 2024 9:01 pm
Hi Tony
Thanks for sharing valuable information.
Its working superb for adjusting map window according to devices aspect ratios without covering Panorama.
But here my requirement is "In desktop/laptops, Map window should be sub container of Panorama, when comes to mobile devices, it should be works like Margin concept (like what you shared) without need of mouse click "
Simply in one line > When tour starts, if it desktop/laptop > Map window should appear as sub container > if its Mobile > Map window should works like Margin (map should automatically placed in Margin )"
Step 1: (Desktop/Laptop)
Step 2: (Mobile devices)
Thanks for sharing valuable information.
Its working superb for adjusting map window according to devices aspect ratios without covering Panorama.
But here my requirement is "In desktop/laptops, Map window should be sub container of Panorama, when comes to mobile devices, it should be works like Margin concept (like what you shared) without need of mouse click "
Simply in one line > When tour starts, if it desktop/laptop > Map window should appear as sub container > if its Mobile > Map window should works like Margin (map should automatically placed in Margin )"
Step 1: (Desktop/Laptop)
Step 2: (Mobile devices)
- Hopki
- Gnome
- Posts: 13195
- Joined: Thu Jan 10, 2008 3:16 pm
- Location: Layer de la Haye, Essex UK
- Contact:
I had a bit more of a think about it.
Using a variable to detect the player width you only need one map element which makes it more dynamic when rotating the phone.
The margin is set by using a variable changed and then the action filter.
Also when viewed on a desktop, so a screen wider than 1024px the map element also positions itself 10px from the bottom and left.
Regards,
Using a variable to detect the player width you only need one map element which makes it more dynamic when rotating the phone.
The margin is set by using a variable changed and then the action filter.
Also when viewed on a desktop, so a screen wider than 1024px the map element also positions itself 10px from the bottom and left.
Regards,
- Attachments
-
- maps.zip
- (36.07 KiB) Downloaded 38 times
Garden Gnome Support
If you send an e-mail to support please send a link to the forum post for reference.
support@ggnome.com
https://ggnome.com/wiki/documentation/
If you send an e-mail to support please send a link to the forum post for reference.
support@ggnome.com
https://ggnome.com/wiki/documentation/
-
- Posts: 8
- Joined: Thu Aug 15, 2024 9:01 pm
Hi Hopki,
Excellent working, what exactly we are looking is you delivered with "Map_2".
Thanks alot.
Excellent working, what exactly we are looking is you delivered with "Map_2".
Thanks alot.
Hi Rajesh & Martin,
Funny I've been playing with this today and I just went to the forum to post my example and Martin has beaten me to it.
I've just published a version that uses a single map as Martin does in his example. I've gone a bit further and added in the margin changes as well.
You can test it out here: https://tonyredhead.link/marginmap. Because of the screen real estate I've set the iPad to be same as the desktop.
I've checked on Desktop/iPhone/iPad/Pixel5 and it looks good.
Desktop
iPad
iPhone
Pixel5
Cheers,
Tony
Funny I've been playing with this today and I just went to the forum to post my example and Martin has beaten me to it.
I've just published a version that uses a single map as Martin does in his example. I've gone a bit further and added in the margin changes as well.
You can test it out here: https://tonyredhead.link/marginmap. Because of the screen real estate I've set the iPad to be same as the desktop.
I've checked on Desktop/iPhone/iPad/Pixel5 and it looks good.
Desktop
iPad
iPhone
Pixel5
Cheers,
Tony
- Attachments
-
- htm-5.png (2.23 MiB) Viewed 952 times
Tony Redhead | Panoramic Photographer | mobile: +61438501002 | website: https://tonyredhead.com - https://redsquare.com | Pano2VR Tutorials: https://tonyredhead.com/pano2vr | instagram: https://www.instagram.com/tonyredhead/
-
- Posts: 8
- Joined: Thu Aug 15, 2024 9:01 pm
Hi Hopki
Looking for little better user experience like below
Desktop > like in this below image, there are "Toggle Full screen" icons on both panorama & Map (Note: when we click on Panorama Full screen, Map should be hidden and vice versa for Map also) Mobile > Here also there is a Feature of Toggle Full screen & Escape Full screen is there (pls observe in video file)
Thanks
Rajesh
Looking for little better user experience like below
Desktop > like in this below image, there are "Toggle Full screen" icons on both panorama & Map (Note: when we click on Panorama Full screen, Map should be hidden and vice versa for Map also) Mobile > Here also there is a Feature of Toggle Full screen & Escape Full screen is there (pls observe in video file)
Thanks
Rajesh
Hi Rajesh,
I'm a bit confused as you have two different Desktop layouts now! Can you explain a bit more what's going on with the desktop layout?
Tue Sep 03, 2024 4:00 pm "Step 1: (Desktop/Laptop)" you have a small map in the bottom left hand corner.
Wed Sep 04, 2024 1:04 am "Desktop Image" you have a large map the same size as the panorama.
Tony
I'm a bit confused as you have two different Desktop layouts now! Can you explain a bit more what's going on with the desktop layout?
Tue Sep 03, 2024 4:00 pm "Step 1: (Desktop/Laptop)" you have a small map in the bottom left hand corner.
Wed Sep 04, 2024 1:04 am "Desktop Image" you have a large map the same size as the panorama.
Tony
Tony Redhead | Panoramic Photographer | mobile: +61438501002 | website: https://tonyredhead.com - https://redsquare.com | Pano2VR Tutorials: https://tonyredhead.com/pano2vr | instagram: https://www.instagram.com/tonyredhead/
-
- Posts: 8
- Joined: Thu Aug 15, 2024 9:01 pm
Hi Tony
just looking for for better user experience, as Iam going through Google street View user experience, I felt it was good.
So just want to to with Sep 4th requirement, which is google street view like interface.
Thanks
rajesh
just looking for for better user experience, as Iam going through Google street View user experience, I felt it was good.
So just want to to with Sep 4th requirement, which is google street view like interface.
Thanks
rajesh
Hi,
Desktop
Mobile
Tony
Okay, I think this is more inline with what you are trying to achieve. https://tonyredhead.link/marginmapgoogleSo just want to to with Sep 4th requirement, which is google street view like interface.
Desktop
Mobile
Tony
Tony Redhead | Panoramic Photographer | mobile: +61438501002 | website: https://tonyredhead.com - https://redsquare.com | Pano2VR Tutorials: https://tonyredhead.com/pano2vr | instagram: https://www.instagram.com/tonyredhead/
-
- Posts: 8
- Joined: Thu Aug 15, 2024 9:01 pm
Hi Tony,
Excellent this is what we are looking exactly. I appreciate your excellency in pano2VR.
Can I get downloadable skin please.
Thanks
Rajesh
Excellent this is what we are looking exactly. I appreciate your excellency in pano2VR.
Can I get downloadable skin please.
Thanks
Rajesh
Hi,
I'm still working on the skin and I've just created a responsive version (some funny bits still). https://tonyredhead.link/marginmapresponsive
Here are some screenshots.
Desktop: Landscape
Desktop: Portrait
iPad: Landscape
iPad: Portrait
Mobile Phone: only portrait at the moment.
I'm still working on the skin and I've just created a responsive version (some funny bits still). https://tonyredhead.link/marginmapresponsive
Here are some screenshots.
Desktop: Landscape
Desktop: Portrait
iPad: Landscape
iPad: Portrait
Mobile Phone: only portrait at the moment.
Tony Redhead | Panoramic Photographer | mobile: +61438501002 | website: https://tonyredhead.com - https://redsquare.com | Pano2VR Tutorials: https://tonyredhead.com/pano2vr | instagram: https://www.instagram.com/tonyredhead/
Tony Redhead | Panoramic Photographer | mobile: +61438501002 | website: https://tonyredhead.com - https://redsquare.com | Pano2VR Tutorials: https://tonyredhead.com/pano2vr | instagram: https://www.instagram.com/tonyredhead/
Tony Redhead | Panoramic Photographer | mobile: +61438501002 | website: https://tonyredhead.com - https://redsquare.com | Pano2VR Tutorials: https://tonyredhead.com/pano2vr | instagram: https://www.instagram.com/tonyredhead/