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/
Issue making floorplan "responsive"
- JPasnikowski
- Posts: 62
- Joined: Fri Apr 22, 2016 10:42 am
- Location: Newark, NY, USA
- Contact:
- 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?
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?
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")-
Below is a screen shot where I have set background alpha to "0" for the floor plan element (note the "rgba")-
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
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: 62
- Joined: Fri Apr 22, 2016 10:42 am
- Location: Newark, NY, USA
- Contact:
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!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
- JPasnikowski
- Posts: 62
- Joined: Fri Apr 22, 2016 10:42 am
- Location: Newark, NY, USA
- Contact:
Unfortunately, I do not see such an option, and I am running V6 beta3 pro 64bit.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
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!
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.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!
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
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: 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