Display Title and Description

Q&A about the latest versions
Post Reply
greytail2018
Posts: 30
Joined: Fri Oct 26, 2018 10:17 am

Display Title and Description

Post by greytail2018 » Wed Nov 21, 2018 12:38 am

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...

User avatar
Hopki
Gnome
Posts: 8924
Joined: Thu Jan 10, 2008 3:16 pm
Location: Layer de la Haye, Essex UK
Contact:

Re: Display Title and Description

Post by Hopki » Sat Nov 24, 2018 12:41 pm

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

User avatar
edgar_ali
Posts: 66
Joined: Wed May 03, 2017 12:00 pm
Location: Autralia

Re: Display Title and Description

Post by edgar_ali » Fri Jan 18, 2019 4:59 am

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?...

User avatar
Tony
Posts: 622
Joined: Mon Feb 15, 2010 6:54 am
Location: Adelaide, South Australia
Contact:

Re: Display Title and Description

Post by Tony » 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 Redhead | Panoramic Photographer | mobile: +61438501002 | website: http://tonyredhead.com - http://redsquare.com | roundme: http://round.me/@tonyredhead | instagram: https://www.instagram.com/tonyredhead/

User avatar
edgar_ali
Posts: 66
Joined: Wed May 03, 2017 12:00 pm
Location: Autralia

Re: Display Title and Description

Post by edgar_ali » Fri Jan 18, 2019 9:51 pm

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?

User avatar
Tony
Posts: 622
Joined: Mon Feb 15, 2010 6:54 am
Location: Adelaide, South Australia
Contact:

Re: Display Title and Description

Post by Tony » 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 Redhead | Panoramic Photographer | mobile: +61438501002 | website: http://tonyredhead.com - http://redsquare.com | roundme: http://round.me/@tonyredhead | instagram: https://www.instagram.com/tonyredhead/

User avatar
edgar_ali
Posts: 66
Joined: Wed May 03, 2017 12:00 pm
Location: Autralia

Re: Display Title and Description

Post by edgar_ali » Sat Jan 19, 2019 9:32 pm

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

User avatar
Tony
Posts: 622
Joined: Mon Feb 15, 2010 6:54 am
Location: Adelaide, South Australia
Contact:

Re: Display Title and Description

Post by Tony » Sat Jan 19, 2019 10:26 pm

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.

tutorial-8.jpg
tutorial-8.jpg (1.09 MiB) Viewed 160 times
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.

tutorial-6.jpg
tutorial-6.jpg (1.06 MiB) Viewed 160 times
cheers,

Tony
Tony Redhead | Panoramic Photographer | mobile: +61438501002 | website: http://tonyredhead.com - http://redsquare.com | roundme: http://round.me/@tonyredhead | instagram: https://www.instagram.com/tonyredhead/

User avatar
edgar_ali
Posts: 66
Joined: Wed May 03, 2017 12:00 pm
Location: Autralia

Re: Display Title and Description

Post by edgar_ali » Sun Jan 20, 2019 1:45 am

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?

Image

User avatar
Tony
Posts: 622
Joined: Mon Feb 15, 2010 6:54 am
Location: Adelaide, South Australia
Contact:

Re: Display Title and Description

Post by Tony » Sun Jan 20, 2019 2:42 am

Looks like the whole text field has moved right. Just align the left side of the Description field with the Title field.
Tony Redhead | Panoramic Photographer | mobile: +61438501002 | website: http://tonyredhead.com - http://redsquare.com | roundme: http://round.me/@tonyredhead | instagram: https://www.instagram.com/tonyredhead/

User avatar
edgar_ali
Posts: 66
Joined: Wed May 03, 2017 12:00 pm
Location: Autralia

Re: Display Title and Description

Post by edgar_ali » Sun Jan 20, 2019 4:34 am

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

User avatar
Tony
Posts: 622
Joined: Mon Feb 15, 2010 6:54 am
Location: Adelaide, South Australia
Contact:

Re: Display Title and Description

Post by Tony » Sun Jan 20, 2019 5:31 am

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
Tony Redhead | Panoramic Photographer | mobile: +61438501002 | website: http://tonyredhead.com - http://redsquare.com | roundme: http://round.me/@tonyredhead | instagram: https://www.instagram.com/tonyredhead/

Post Reply

Who is online

Users browsing this forum: No registered users and 29 guests