You are not logged in.

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

Dear visitor, welcome to krpano.com Forum. If this is your first visit here, please read the Help. It explains in detail how this page works. To use all features of this page, you should consider registering. Please use the registration form, to register here or read more information about the registration process. If you are already registered, please login here.

  • 1
  • 2

jeremyfukunaga

Beginner

  • "jeremyfukunaga" started this thread

Posts: 31

Location: Oakland, CA

Occupation: Photographer

  • Send private message

1

Sunday, February 23rd 2020, 5:16am

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

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

Sage

Posts: 3,784

Location: Netherlands

Occupation: Krpano custom coding / Virtual Tours / Photography / Musician / Recording engineer

  • Send private message

2

Sunday, February 23rd 2020, 1:28pm

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/e…s/text_scene/1/
xml
https://www.virtualtuur.com/krpano/120/e…cene/1/tour.xml

Source code

 
1

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/e…s/text_scene/2/
xml:
https://www.virtualtuur.com/krpano/120/e…cene/2/tour.xml

Check also the DoText action!

Hope it helps,
Tuur *thumbsup*
https://www.virtualtuur.com
Panimator: https://krpano.com/plugins/userplugins/panimator/#top
ToolBox: https://bit.ly/3TTnd6U
Measure in 360 photos : https://pame.virtualtuur.com
Moving Hotspots V2: https://krpano.com/plugins/userplugins/movinghotspots/#top
Donations
https://bit.ly/3NnpynC

This post has been edited 1 times, last edit by "Tuur" (Feb 23rd 2020, 1:47pm)

jeremyfukunaga

Beginner

  • "jeremyfukunaga" started this thread

Posts: 31

Location: Oakland, CA

Occupation: Photographer

  • Send private message

3

Monday, February 24th 2020, 7:23am

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

This post has been edited 1 times, last edit by "jeremyfukunaga" (Feb 24th 2020, 7:34am)

Tuur

Sage

Posts: 3,784

Location: Netherlands

Occupation: Krpano custom coding / Virtual Tours / Photography / Musician / Recording engineer

  • Send private message

4

Monday, February 24th 2020, 9:54am

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/e…s/text_scene/3/
xml:
https://www.virtualtuur.com/krpano/120/e…cene/3/tour.xml


Source code

 
1

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 *thumbsup*
https://www.virtualtuur.com
Panimator: https://krpano.com/plugins/userplugins/panimator/#top
ToolBox: https://bit.ly/3TTnd6U
Measure in 360 photos : https://pame.virtualtuur.com
Moving Hotspots V2: https://krpano.com/plugins/userplugins/movinghotspots/#top
Donations
https://bit.ly/3NnpynC

vrTourSoft

Trainee

Posts: 70

Occupation: Software development

  • Send private message

5

Monday, February 24th 2020, 11:09am

Quoted 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.
vrTourSoft - Simple is better than Hard. Standalone WYSIWYG editor and development environment for krpano
https://www.vrtoursoft.com/

Tuur

Sage

Posts: 3,784

Location: Netherlands

Occupation: Krpano custom coding / Virtual Tours / Photography / Musician / Recording engineer

  • Send private message

6

Monday, February 24th 2020, 11:34am

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

@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.
*cursing*
https://www.virtualtuur.com
Panimator: https://krpano.com/plugins/userplugins/panimator/#top
ToolBox: https://bit.ly/3TTnd6U
Measure in 360 photos : https://pame.virtualtuur.com
Moving Hotspots V2: https://krpano.com/plugins/userplugins/movinghotspots/#top
Donations
https://bit.ly/3NnpynC

This post has been edited 1 times, last edit by "Tuur" (Feb 24th 2020, 11:51am)

jeremyfukunaga

Beginner

  • "jeremyfukunaga" started this thread

Posts: 31

Location: Oakland, CA

Occupation: Photographer

  • Send private message

7

Monday, February 24th 2020, 8:14pm

Quoted 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/e…s/text_scene/3/
xml:
https://www.virtualtuur.com/krpano/120/e…cene/3/tour.xml


Source code

 
1

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 *thumbsup*
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? *smile*

jeremyfukunaga

Beginner

  • "jeremyfukunaga" started this thread

Posts: 31

Location: Oakland, CA

Occupation: Photographer

  • Send private message

8

Monday, February 24th 2020, 8:18pm

Quoted from "vrTourSoft"

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

Sage

Posts: 3,784

Location: Netherlands

Occupation: Krpano custom coding / Virtual Tours / Photography / Musician / Recording engineer

  • Send private message

9

Monday, February 24th 2020, 8:37pm

Quoted

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

Quoted

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 *thumbsup*
https://www.virtualtuur.com
Panimator: https://krpano.com/plugins/userplugins/panimator/#top
ToolBox: https://bit.ly/3TTnd6U
Measure in 360 photos : https://pame.virtualtuur.com
Moving Hotspots V2: https://krpano.com/plugins/userplugins/movinghotspots/#top
Donations
https://bit.ly/3NnpynC

jeremyfukunaga

Beginner

  • "jeremyfukunaga" started this thread

Posts: 31

Location: Oakland, CA

Occupation: Photographer

  • Send private message

10

Tuesday, February 25th 2020, 12:53am

Quoted from "Tuur"

Quoted

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

Quoted

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 *thumbsup*
I fount it in the vtourskin.xml. I commented out the following event:


<!-- <events name="skin_autotour" keep="true"
onautorotatestart="skin_autotour_start();"
onautorotatestop="skin_autotour_stop();"
onautorotateoneround="skin_nextscene_loop(+1);"
/> -->

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

Thank you again!!

jeremyfukunaga

Beginner

  • "jeremyfukunaga" started this thread

Posts: 31

Location: Oakland, CA

Occupation: Photographer

  • Send private message

11

Tuesday, February 25th 2020, 6:34am

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

Tuur

Sage

Posts: 3,784

Location: Netherlands

Occupation: Krpano custom coding / Virtual Tours / Photography / Musician / Recording engineer

  • Send private message

12

Tuesday, February 25th 2020, 10:20am

Hi,

https://www.virtualtuur.com/krpano/120/e…s/text_scene/4/
xml:
https://www.virtualtuur.com/krpano/120/e…cene/4/tour.xml
https://www.virtualtuur.com/krpano/120/e…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 *thumbsup*
https://www.virtualtuur.com
Panimator: https://krpano.com/plugins/userplugins/panimator/#top
ToolBox: https://bit.ly/3TTnd6U
Measure in 360 photos : https://pame.virtualtuur.com
Moving Hotspots V2: https://krpano.com/plugins/userplugins/movinghotspots/#top
Donations
https://bit.ly/3NnpynC

jeremyfukunaga

Beginner

  • "jeremyfukunaga" started this thread

Posts: 31

Location: Oakland, CA

Occupation: Photographer

  • Send private message

13

Wednesday, February 26th 2020, 8:36am

Quoted from "Tuur"

Hi,

https://www.virtualtuur.com/krpano/120/e…s/text_scene/4/
xml:
https://www.virtualtuur.com/krpano/120/e…cene/4/tour.xml
https://www.virtualtuur.com/krpano/120/e…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 *thumbsup*
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

Sage

Posts: 3,784

Location: Netherlands

Occupation: Krpano custom coding / Virtual Tours / Photography / Musician / Recording engineer

  • Send private message

14

Wednesday, February 26th 2020, 8:45am

I prefer beers *g*

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 *thumbsup*
https://www.virtualtuur.com
Panimator: https://krpano.com/plugins/userplugins/panimator/#top
ToolBox: https://bit.ly/3TTnd6U
Measure in 360 photos : https://pame.virtualtuur.com
Moving Hotspots V2: https://krpano.com/plugins/userplugins/movinghotspots/#top
Donations
https://bit.ly/3NnpynC

jeremyfukunaga

Beginner

  • "jeremyfukunaga" started this thread

Posts: 31

Location: Oakland, CA

Occupation: Photographer

  • Send private message

15

Wednesday, February 26th 2020, 6:46pm

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

Intermediate

Posts: 395

Location: Australia

  • Send private message

16

Thursday, February 27th 2020, 8:07am

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?


Source code

 
1

    <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

Sage

Posts: 3,784

Location: Netherlands

Occupation: Krpano custom coding / Virtual Tours / Photography / Musician / Recording engineer

  • Send private message

17

Thursday, February 27th 2020, 10:10am

Hi,

i updated example 4 with some pictures in the text

Source code

 
1
2
3
4
5
6
7

        <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/e…s/text_scene/4/

the first picture is clickable btw..!



Tuur *thumbsup*
https://www.virtualtuur.com
Panimator: https://krpano.com/plugins/userplugins/panimator/#top
ToolBox: https://bit.ly/3TTnd6U
Measure in 360 photos : https://pame.virtualtuur.com
Moving Hotspots V2: https://krpano.com/plugins/userplugins/movinghotspots/#top
Donations
https://bit.ly/3NnpynC

This post has been edited 3 times, last edit by "Tuur" (Feb 27th 2020, 11:20am)

andrew22222

Intermediate

Posts: 395

Location: Australia

  • Send private message

18

Friday, February 28th 2020, 12:28am

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

*thumbsup*

Tuur

Sage

Posts: 3,784

Location: Netherlands

Occupation: Krpano custom coding / Virtual Tours / Photography / Musician / Recording engineer

  • Send private message

19

Friday, February 28th 2020, 9:38am

Thanks for the beers Andrew!

Tuur *thumbsup*
https://www.virtualtuur.com
Panimator: https://krpano.com/plugins/userplugins/panimator/#top
ToolBox: https://bit.ly/3TTnd6U
Measure in 360 photos : https://pame.virtualtuur.com
Moving Hotspots V2: https://krpano.com/plugins/userplugins/movinghotspots/#top
Donations
https://bit.ly/3NnpynC

San7

Professional

Posts: 612

Occupation: coding in krpano

  • Send private message

20

Saturday, February 29th 2020, 9:37am

Hi Tuur! Great examples! I think they are useful for many users. *thumbsup*
https://novosibpano.ru/Plugins/


  • 1
  • 2

Similar threads