Issue making floorplan "responsive"

Q&A about the latest versions
Post Reply
User avatar
JPasnikowski
Posts: 62
Joined: Fri Apr 22, 2016 10:42 am
Location: Newark, NY, USA
Contact:

I'm trying to have a floorplan that fills the screen 100% wide. However, using any pixel dimensions that don't perfectly match the ratio of the floor plan image, or using any percentages, results in a white space to the right or at the bottom, depending on the dimensions of the browser window. If only the background color could be set to transparent! I would cope with the fact that the resulting image wouldn't truly fit to 100%!

Here's an example... the floor plan is at the bottom left. Hover over it and it fills the screen... but also with white space:
http://eyebulb.tours/list/portraitsofperseverance/
Image
Jason Pasnikowski
https://www.eyebulb.tours
christoph
Gnome
Posts: 108
Joined: Mon Aug 20, 2012 3:01 pm

Hi!
You are right, there is no solution for your problem right now, but we will try and fix it.
This will be coming in one of the next beta releases...

Regards,
Christoph
User avatar
JPasnikowski
Posts: 62
Joined: Fri Apr 22, 2016 10:42 am
Location: Newark, NY, USA
Contact:

Thank you for the response!
Question: I tried to change the background color using the CSS Styles box on the Map, but it didn't have any effect.. to what does the CSS Styles apply?
Image
Jason Pasnikowski
https://www.eyebulb.tours
mbb
Posts: 276
Joined: Mon Oct 19, 2009 11:42 pm

You can achieve what you want if you address it directly via CSS, make the overriding change to the element's background property as shown in an external CSS file.

Below is a screen shot where I have set background alpha to "0" for the floor plan element (note the "rgba")-
Untitled-1.jpg
Untitled-1.jpg (162.21 KiB) Viewed 4171 times
christoph
Gnome
Posts: 108
Joined: Mon Aug 20, 2012 3:01 pm

Hi!
Fyi: with V6 beta 2, you can now set an alpha value for the background color of a floorplan (so you can make the white space in your example transparent)
In the next release we will add more features to the 'simple floorplan', which will help with responsive floorplans...

Regards,
Christoph
User avatar
JPasnikowski
Posts: 62
Joined: Fri Apr 22, 2016 10:42 am
Location: Newark, NY, USA
Contact:

mbb wrote: Thu Apr 05, 2018 4:11 pm You can achieve what you want if you address it directly via CSS, make the overriding change to the element's background property as shown in an external CSS file.

Below is a screen shot where I have set background alpha to "0" for the floor plan element (note the "rgba")-

Untitled-1.jpg
Yes, I had originally thought to manually change it in the sourcecode, but since it's not just a matter of changing simple HTML code or a CSS file with the way the tour files are structured, I was hoping to have an in-program method. christoph said that vith V6 beta 2, I should be able to to set the alpha value for the background color of a floorplan, but I was unable to locate this new feature, so I instead did discover that I can manually change it in the pano.xml file, which did the trick. Thanks!
Image
Jason Pasnikowski
https://www.eyebulb.tours
User avatar
JPasnikowski
Posts: 62
Joined: Fri Apr 22, 2016 10:42 am
Location: Newark, NY, USA
Contact:

christoph wrote: Tue Apr 17, 2018 10:06 am Hi!
Fyi: with V6 beta 2, you can now set an alpha value for the background color of a floorplan (so you can make the white space in your example transparent)
In the next release we will add more features to the 'simple floorplan', which will help with responsive floorplans...

Regards,
Christoph
Unfortunately, I do not see such an option, and I am running V6 beta3 pro 64bit.
Under "Appearance", there is an option for alpha, but that controls the alpha of the entire map object.
I tried setting the background-color in the CSS Styles and the CSS Stiles Inner Element, with no luck. Are you able to show a screencap of where the option should be? Thanks!
Image
Jason Pasnikowski
https://www.eyebulb.tours
mbb
Posts: 276
Joined: Mon Oct 19, 2009 11:42 pm

JPasnikowski wrote: Wed May 23, 2018 7:11 pm so I instead did discover that I can manually change it in the pano.xml file, which did the trick. Thanks!
Problem with that, is that P2VR will overwrite that xml file every time you generate the tour. If you go with the CSS solution, you can have P2VR load that as an external file. This way your modifications won't get overwritten.
christoph
Gnome
Posts: 108
Joined: Mon Aug 20, 2012 3:01 pm

You can set the background color for each floor plan separately - in the properties of the floor plan in the main window, not in the skin editor.
The reason for that is, the background color should match the color of the floor plan graphic, and different floor plans can have different background colors. (and one skin map element can be used to show more than one floor plan, for instance if you have multiple floors and 'auto-switch floor plan' is on)

Regards,
Christoph
User avatar
JPasnikowski
Posts: 62
Joined: Fri Apr 22, 2016 10:42 am
Location: Newark, NY, USA
Contact:

Alright! I found it! Thank you so much!
christoph wrote: Thu May 24, 2018 2:11 pm You can set the background color for each floor plan separately - in the properties of the floor plan in the main window, not in the skin editor.
The reason for that is, the background color should match the color of the floor plan graphic, and different floor plans can have different background colors. (and one skin map element can be used to show more than one floor plan, for instance if you have multiple floors and 'auto-switch floor plan' is on)

Regards,
Christoph
Image
Jason Pasnikowski
https://www.eyebulb.tours
Post Reply