Different Textfield for different scenes as well as an on/off button

jeremyfukunaga · February 23, 2020 at 5:16 AM

Hello,

I would like to add a textfield or description window for each scene in a tour. Basically, the window would just be placed on the one side of the viewer. I would also like to create a button that can open or close the window. Just like this tour, which was made with Panotour Pro:

http://zodiackiller360.com/

(Sorry for the morbid example)

Any help on the best way to do this would be greatly appreciated.

Thanks!

-Jeremy

Tuur · February 23, 2020 at 1:28 PM

Hi again Jeremy,

Also here.. loads of roads to Rome..

in the base we do the same as with the audio.
In this simple example i use the scene name to pick up the right text.
https://www.virtualtuur.com/krpano/120/examples/text_scene/1/
xml
https://www.virtualtuur.com/krpano/120/exa…cene/1/tour.xml

Code

set(layer[txt].html, calc('data:html_' + scene[get(xml.scene)].name));

this line constructs for scene 1 : data:html_scene_1
and then fills the 'txt' layer with that text.
Find it in the xml example.

Of course you can do also set(layer[txt].html, calc('data:html_' + scene[get(xml.scene)].txt)); (or what ever you like!)
then your scene tag txt should be there.. like with the audio.
For example:
<scene name="scene_1" title="a1" onstart="" autoload="true" txt="sauce">

then your data field name should be:
<data name="html_sauce" >
...blabla
</data>

--
Here i added a simple 'global' show /hide text button:
https://www.virtualtuur.com/krpano/120/examples/text_scene/2/
xml:
https://www.virtualtuur.com/krpano/120/exa…cene/2/tour.xml

Check also the DoText action!

Hope it helps,
Tuur

jeremyfukunaga · February 24, 2020 at 7:23 AM

Once again, Tuur, you are the master. That worked great!

I guess I am realizing that there may be a need to not have the textfield on certain scenes. How might I exclude the window from appearing on certain scenes?

Sorry, one other question: Even though I set autotour to false, the scene still changes to the next scene after the autorotation completes a full rotation. How do I stop that from happening?

Thank you again, SO much.

best,

Jeremy

Tuur · February 24, 2020 at 9:54 AM

Hi,

to skip some scenes use the 'txt' in the scene line procedure and use an 'if' expression to skip when not set.
https://www.virtualtuur.com/krpano/120/examples/text_scene/3/
xml:
https://www.virtualtuur.com/krpano/120/exa…cene/3/tour.xml

Code

Sorry, one other question: Even though I set autotour to false, the scene still changes to the next scene after the autorotation completes a full rotation. How do I stop that from happening?

Make a new post for that.. but better first search the forum for it!
I don't do PTP!

Hope it helps!
Tuur

vrTourSoft · February 24, 2020 at 11:09 AM

Quote from jeremyfukunaga

I guess I am realizing that there may be a need to not have the textfield on certain scenes. How might I exclude the window from appearing on certain scenes?
Sorry, one other question: Even though I set autotour to false, the scene still changes to the next scene after the autorotation completes a full rotation. How do I stop that from happening?

Hi Jeremy!
When you use vrTourSoft, the program does a lot of things for you.

It removes or displays the info button.
You do not need to think about the size of the window.
Scrolling function appears automatically.
If necessary, a scrollbar appears.
The window is adjusted if the user has turned the tablet.
The window disappears when switching between scenes.
The window disappears if the user decides to call the gallery, image, video, etc.
The information will change if the user called another.

And many other small things that make up the headache for the developer.

You can create your own design for window/
If you want to do programming, the editor allows you to edit both xml and js.

And finally, which is very important.

There is a built-in editor for formatting text.
It also allows you to insert images and prepare previews.
The program itself creates all the necessary code.

Tuur · February 24, 2020 at 11:34 AM

Not very helpful AND very very very annoying this SPAM in every post.

Klaus
Please warn or block this ******* to not spam every question with his software, if you want people like me to help others to learn in the future.
As i understand him right you can just stop working on krpano. When we all buy vtoursoft all problems, learning curves and interest will be solved.

jeremyfukunaga · February 24, 2020 at 8:14 PM

Quote from Tuur
Hi,
to skip some scenes use the 'txt' in the scene line procedure and use an 'if' expression to skip when not set.
https://www.virtualtuur.com/krpano/120/examples/text_scene/3/
xml:
https://www.virtualtuur.com/krpano/120/exa…cene/3/tour.xml
Code
Sorry, one other question: Even though I set autotour to false, the scene still changes to the next scene after the autorotation completes a full rotation. How do I stop that from happening?
Make a new post for that.. but better first search the forum for it!
I don't do PTP!

Hope it helps!
Tuur
Display More

Thanks again, Tuur. You have been so amazingly helpful.

I will look some more around for the other issue and/or post!

By the way, what is PTP?

jeremyfukunaga · February 24, 2020 at 8:18 PM

Quote from vrTourSoft

Hi Jeremy!
When you use vrTourSoft, the program does a lot of things for you.
It removes or displays the info button.
You do not need to think about the size of the window.
Scrolling function appears automatically.
If necessary, a scrollbar appears.
The window is adjusted if the user has turned the tablet.
The window disappears when switching between scenes.
The window disappears if the user decides to call the gallery, image, video, etc.
The information will change if the user called another.
And many other small things that make up the headache for the developer.
You can create your own design for window/
If you want to do programming, the editor allows you to edit both xml and js.

And finally, which is very important.
There is a built-in editor for formatting text.
It also allows you to insert images and prepare previews.
The program itself creates all the necessary code.

Hello,

Thanks for the suggestion to buy your software, but I have not been interested. I also don't quite appreciate a response to spend money to resolve a problem when there is so much help and support in this community to accomplish what I am trying to do. Please stop spamming my posts.

Thanks.

Tuur · February 24, 2020 at 8:37 PM

Quote

By the way, what is PTP?

Panotour pro.
I suppose you mean some autotour there?
Or in your own project?.. then we need some code or url to see..

Quote

Sorry, one other question: Even though I set autotour to false, the scene still changes to the next scene after the autorotation completes a full rotation. How do I stop that from happening?

Or is that in standard vtourskin (?).. on phone now.

Tuur

jeremyfukunaga · February 25, 2020 at 12:53 AM

Quote from Tuur

Panotour pro.
I suppose you mean some autotour there?
Or in your own project?.. then we need some code or url to see..

Or is that in standard vtourskin (?).. on phone now.
Tuur

I fount it in the vtourskin.xml. I commented out the following event:

I find it strange that setting autotour to false did not stop it.

Thank you again!!

jeremyfukunaga · February 25, 2020 at 6:34 AM

Hi again Tuur,

Thank you again for your help so far. Could I bother you to tell me how I might add a scroll bar to the textfield window. I think most people may not know they can click and drag the window, but would recognize a scrollbar as meaning there is more text to read.

Thanks again.

Tuur · February 25, 2020 at 10:20 AM

Hi,

https://www.virtualtuur.com/krpano/120/examples/text_scene/4/
xml:
https://www.virtualtuur.com/krpano/120/exa…cene/4/tour.xml
https://www.virtualtuur.com/krpano/120/exa…rollingtext.xml

i took the scrollingtext.xml from the/my ToolBox and changed it just a bit.
Toolbox:Krpano ToolBox

Now you owe me lot's of beers!

Hope it helps,
Tuur

jeremyfukunaga · February 26, 2020 at 8:36 AM

Quote from Tuur

Hi,
https://www.virtualtuur.com/krpano/120/examples/text_scene/4/
xml:
https://www.virtualtuur.com/krpano/120/exa…cene/4/tour.xml
https://www.virtualtuur.com/krpano/120/exa…rollingtext.xml
i took the scrollingtext.xml from the/my ToolBox and changed it just a bit.
Toolbox:Krpano ToolBox
Now you owe me lot's of beers!

Hope it helps,
Tuur

Display More

I owe you beers and perhaps my first born child. Thank you so much. That text box is beautiful and worked great.

I think I am ready to show you what all you helped me to accomplish:

http://jeremyfukunaga.com/virtual_tours/…rings/tour.html

I may make a few more tweaks, but I am really happy with the result!

Thank you again!!!

Tuur · February 26, 2020 at 8:45 AM

I prefer beers

On phone now but,
The hide info text button makes it not tween away fully.
Look for the 210 (?) width i used in the code and change it to the width of your textfield.. or use the right variable.
I think it is the tour xml.. in the showtextfield action or so (?)
Tuur

jeremyfukunaga · February 26, 2020 at 6:46 PM

I noticed that right away. I actually changed it but I guess you viewed it before I changed it. You're too quick. Haha.

I have to adjust the position of the auto rotate button for the mobile menu. Otherwise I think everything is working well.

andrew22222 · February 27, 2020 at 8:07 AM

Hey Master Tuur,

Going with your fine example, is it possible to insert two images into the data section as shown below? Not too sure how to add an image with width set to 100% and judging by the errors thrown at me it may not even be possible in this particular scrolling window?

Code

<data name="html_sauce" >Tomato sauce (also known as Neapolitan sauce, salsa roja in Spanish, or salsa di pomodoro in Italian) can refer to many different sauces made primarily from tomatoes, usually to be served as part of a dish, rather than as a condiment. <br/>IMAGE 01<br/>Tomato sauces are common for meat and vegetables, but they are perhaps best known as bases for Mexican salsas or sauces for pasta dishes.<br/>IMAGE 02<br/>Tomatoes have a rich flavor, high water content, soft flesh which breaks down easily, and the right composition to thicken into a sauce when they are cooked (without the need of thickeners such as roux). All of these qualities make them ideal for simple and appealing sauces.</data>

Thought it may be worth asking.

Beautiful 360's Jeremy. The lighting looks fantastic.

Cheers,

Andrew

Tuur · February 27, 2020 at 10:10 AM

Hi,

i updated example 4 with some pictures in the text

Code

<data name="html_sauce" >
        [a href="event:BigPic(pic)"][img src=pic.jpg   style="display: block;margin-left: auto;margin-right: auto;width: 70px;height:auto;"][/a]
        [br]
        Tomato sauce (also known as Neapolitan sauce, salsa roja in Spanish, or salsa di pomodoro in Italian) can refer to many different sauces made primarily from tomatoes, usually to be served as part of a dish, rather than as a condiment. Tomato sauces are common for meat and vegetables, but they are perhaps best known as bases for Mexican salsas or sauces for pasta dishes. 
        [br]
        [img src=pic2.jpg width="60px" height="prop"]
        [br]

https://www.virtualtuur.com/krpano/120/examples/text_scene/4/

the first picture is clickable btw..!

Tuur

andrew22222 · February 28, 2020 at 12:28 AM

Best scrolling text /image plugin I've seen and I like the image popup.

Thanks for showing us how to do it properly.

Beer money sent via PayPal

Cheers,

Andrew

Tuur · February 28, 2020 at 9:38 AM

Thanks for the beers Andrew!

Tuur

San7 · February 29, 2020 at 9:37 AM

Hi Tuur! Great examples! I think they are useful for many users.

Participate now!