Garden Gnome Software

Is there a way of displaying Title and Description in each pano of a tour? For example, is there a method where there's a "click for Info" and up pops a text box with the title and description. I haven't come across anything like this in the video tutorials. Does the text have to be a graphic or can it be real text. Can the text be search engine friendly? Also wondering if it possible to put Google Adsense in a Pano...

Hi,
Look at the text box skin element and placeholders.
A placeholder like $(ut)in a text box will display the User Date title.
For a list of placeholders please see this page.

Have a look at the information popup component as found in the skin editor components tool box.
Regards,
Hopki

For each of the panos that I've got in my tour I wrote a very descriptive/long description that I want the users to read. I went into the skin and in the properties for the Description text box I checked "Word Wrap" and also checked "Auto size". Then when I create the output and click on the information buttom for the pano, it shows me a text box with the description, however the description is all collapse/crammed and it is not completed.

What can i do so the information box shows all the description?...

Hi Edgar,

If you turn on Scrollbar you can scroll down through the text field.

You might also like to looking at styling the text so you can control just how the text is being displayed. Check out my tutorial 'Styling Text with CSS and Local Fonts' on my website at https://tonyredhead.com/pano2vr/styling-with-css

Tony

Tony wrote: ↑Fri Jan 18, 2019 5:56 am Hi Edgar,

If you turn on Scrollbar you can scroll down through the text field.

You might also like to looking at styling the text so you can control just how the text is being displayed. Check out my tutorial 'Styling Text with CSS and Local Fonts' on my website at https://tonyredhead.com/pano2vr/styling-with-css

Tony

Tony:

thanks for replying, however, this time it is not working...

This is what happens when I check all the boxes in the skin configuration:

https://vimeo.com/312181273


This is what happens when I only check word wrap and scroll:

https://vimeo.com/312181324

Any other suggestions?

Hi Edgar,

The scroll is working however your text field is very small it's only 20 pixels high! So when you try and scroll it jumps through the whole text.

You will need to redesign the fields in the userdata component so that the description field is much larger, I'd say at least 80 pixels high but you can play around with that.

Tony

Tony wrote: ↑Sat Jan 19, 2019 9:04 am Hi Edgar,

The scroll is working however your text field is very small it's only 20 pixels high! So when you try and scroll it jumps through the whole text.

You will need to redesign the fields in the userdata component so that the description field is much larger, I'd say at least 80 pixels high but you can play around with that.

Tony

Tony:

I went into the skin editor and, then into the tab "position" and modify the size...after doing that now the scrolling is working and you can see all the description. I noticed that the width of the text was not as wide as I would like, so I went again into the "position" tab and changed the width, however now the text goes out of the description box...

How can I fix that?

The other thing that I would like to change is moving the position of the description box..currently it is in the centre of the screen...maybe I could move it a bit..I tried changing the anchoring points for the "position" and "appearance"..but it did not work

Hi Edgar,

I noticed that the width of the text was not as wide as I would like, so I went again into the "position" tab and changed the width, however now the text goes out of the description box...

If you change the width of the 'user_description' text field and it's wider than the 'userdatabg' then yes the text will extend past the edge. You need to resize the 'userdatabg' to match the larger 'user_description' text field.

The other thing that I would like to change is moving the position of the description box..currently it is in the centre of the screen...maybe I could move it a bit..I tried changing the anchoring points for the "position" and "appearance"..but it did not work

The anchor points pins a position of the skin component ie centre, top, bottom, left, right and the corners to a particular point in the canvas . However if your initial physical position of the component is in the centre of the screen you will not see any change. You have to physically reposition the whole component in relation to the canvas and then use the anchor points to maintain that relationship. See image below. The anchor point is set to the top right of the component and the position is Y = 10px and X = 24px. You can see in the underlying output that the component is now in the top right of the browser window and will maintain that position and distance as the browser screen is resized.

cheers,

Tony

Tony:

I was able to enlarge the database and improve the description box, however, the text is aligned to the centre/right leaving an empty space to the left..

How can I align the text to the left to remove that empty space?

Looks like the whole text field has moved right. Just align the left side of the Description field with the Title field.

Tony:

It worked...

I have got a question though:

If you change the size of the canvas on the canvas editor, would that affect the tour?

I change the size of the canvas since it felt small with all those items that I had in my canvas

Hi,

Glad it's working

Based upon the method you've used to arrange your skin components changing the size of the canvas shouldn't have any impact. I tend to use a bigger canvas just to keep everything clear.

Tony