need help with the aspect ratio of my info png

[Presepter]

I have an info button on my tour.
it is marked with an "i" below.
if you press this a PNG should be called which gives general information about the buttons.
if I now minimize my browser window, this window or the png should be reduced in the field of view of the browser window.
and that without distorting the aspect ratio.
but it doesn't matter!
how do I get this done?
thank you in advance!!!

www.magicmoment-service.de/data/000-Fir ... index.html

[TheRealMojoJojo]

Have to use SVG's to do that otherwise it will be a nightmare if you are trying to use PNG's. Using a PNG's does not LOCK the aspect ratio, however converting your PNG's to SVG will enable you to lock the aspect ratio when adjusting the screen size.

[Tony]

Hi,

Because you are using an image and I presume a percentage scale the image will always distort. What you need to do is make the popup using the external image element.

Here's an example https://p2vrtutorials.s3-ap-southeast-2 ... index.html

1. Add an Draw External Image to your skin
2. Add the External URL pointing to your image
3. Set the Content Scaling to Vertical - Alignment = centre
4. Add a Draw Container around the External Image element
5. Give the Container a percentage of the screen ie 60%
6. Give the External Image a percentage of 100%

Grab11.jpg (720.32 KiB) Viewed 3302 times

Note: there's a problem with the link you added, it should be http://www.magicmoment-service.de/data/ ... index.html

cheers,

Tony

[Presepter]

thank you tony
that helped me alot

now it's working!!!
Thank you
many thanks!

[Tony]

Hi,

Glad I could help. I've created a new version with your image: https://p2vrtutorials.s3-ap-southeast-2 ... index.html

In this example I've increased the percentage scale of the container to 80% both width and height and I've changed the External Image/Content Scaling to Horizontal.

Grab12.jpg (585.76 KiB) Viewed 3295 times

cheers,

Tony

[Presepter]

ok cool
you are so helpful thank you !!
Thank you!