Tutorial: Aligning Skin Elements and Making them Adaptive

[@MarcSweeney]

These tutorial videos are priceless thank you 3DVista

[@3dvista]

Thank you Marc. More coming! :)

[@troyalexander8600]

Thanks for the great tutorial.

[@apod-gaming]

I think we need a skin layout for Landscape and one for portrait mode. It doesn't make a good job transfer with the current features. For now I need to publish two panoramas, one for landscape, one for portrait and have a custom scrip toggle between those. Lots of work for a basic feature. I know I can make 2 different containers and let the user chose, but I want it to be an automatic feature.

[@3dvista]

Hi, in a few days we will be releasing a new Skin workshop with the option to create different skins for computer and mobile in the same tour.

[@BighouseProductions]

How do you change the order of the elements... to move one above the other? In my preview for example my navigation buttons are on top of pop up info... I want to move them below. I thought you could drag and drop them but I can't find that functionality. Thanks.

[@3dvista]

To arrange elements in a container select the container and you will see that a new panel appears below. In that panel you can drag and drop the elements to change order. For the elements placed directly on the canvas, select the Player component and follow the same procedure.

[@BighouseProductions]

@@3dvista Thanks... really great software. This could even replace web design software as it's a unique and straightforward approach to design. In a future update it would be great to be able to place these elements in folders/bins which could be opened and closed to better organize things. My first tour has dozens of elements so it's a bit tricky going back to find things. And even a search field, to find individual elements more quickly.

[@3dvista]

Yes, we are already designing the new interface for it :)

[@nuevrovr1709]

@@3dvista if you need a UX perspective, we'd be happy to join your beta program. one of our company founders is a UX guy.

[@steffyromana1792]

Thank you so much for this

[@simwutang]

The icons itself, did you set them in pixels or percents?

[@3dvista]

The icons in this sample are set in pixels.

I press preview button but its doesn't work. I waiting too long time. Why?

[@3dvista]

Hi, try cleaning cache from the Project menu and click on Preview again.

[@emsisi]

where I can download there icons???

[@3dvista]

You can download the demo projects here: www.3dvista.com/en/support/projects Then just click on any button and click on the orange wheel icon that appears below it. Select "Save this item to your Library" and it will be added to your buttons library to use in any project.

[@emsisi]

thanks thanks thanks

[@3dvista]

no problem!

[@morpheustorus232]

How do I save my own elements? Thanks