Issue making floorplan "responsive"

Q&A about the latest versions
Post Reply
JPasnikowski
Posts: 54
Joined: Fri Apr 22, 2016 10:42 am

Issue making floorplan "responsive"

Post by JPasnikowski » Thu Apr 05, 2018 2:02 am

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/

christoph
Gnome
Posts: 72
Joined: Mon Aug 20, 2012 3:01 pm

Re: Issue making floorplan "responsive"

Post by christoph » Thu Apr 05, 2018 3:07 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

JPasnikowski
Posts: 54
Joined: Fri Apr 22, 2016 10:42 am

Re: Issue making floorplan "responsive"

Post by JPasnikowski » Thu Apr 05, 2018 3:13 pm

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?

mbb
Posts: 202
Joined: Mon Oct 19, 2009 11:42 pm

Re: Issue making floorplan "responsive"

Post by mbb » 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
Untitled-1.jpg (162.21 KiB) Viewed 652 times

christoph
Gnome
Posts: 72
Joined: Mon Aug 20, 2012 3:01 pm

Re: Issue making floorplan "responsive"

Post by christoph » 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

JPasnikowski
Posts: 54
Joined: Fri Apr 22, 2016 10:42 am

Re: Issue making floorplan "responsive"

Post by JPasnikowski » Wed May 23, 2018 7:11 pm

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!

JPasnikowski
Posts: 54
Joined: Fri Apr 22, 2016 10:42 am

Re: Issue making floorplan "responsive"

Post by JPasnikowski » Wed May 23, 2018 7:16 pm

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!

mbb
Posts: 202
Joined: Mon Oct 19, 2009 11:42 pm

Re: Issue making floorplan "responsive"

Post by mbb » Wed May 23, 2018 7:50 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: 72
Joined: Mon Aug 20, 2012 3:01 pm

Re: Issue making floorplan "responsive"

Post by christoph » 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

JPasnikowski
Posts: 54
Joined: Fri Apr 22, 2016 10:42 am

Re: Issue making floorplan "responsive"

Post by JPasnikowski » Thu May 24, 2018 4:55 pm

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

Post Reply

Who is online

Users browsing this forum: No registered users and 21 guests