You are not logged in.

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

Friday, January 13th 2012, 3:49pm

Info text box not showing in iPhone/iPad

I have a tour that has a text box that appears with the first scene on Desktop, but not in iPhone/iPad. How can I make it work on iOS?

Exaple below

Thanks



tour.xml
plugins.xml

This post has been edited 2 times, last edit by "yoshiharra" (Jan 13th 2012, 8:16pm)


2

Sunday, January 15th 2012, 2:54pm

Wow! I am surprised, no one have a solution to this?!!

Posts: 1,855

Occupation: Virtual Tours - Photography - Krpano developer

  • Send private message

3

Sunday, January 15th 2012, 4:44pm

Reasons: No tour link. (No one wants to slog through xml to "guess" what might be wrong.)
Basic question: You haven't said what you've tried or why you think it doesn't work. Textfield plugin works pretty well on ios devices.

Taking a wild ass guess I'd said it's the onloaded part in the textfield, moving that function to the scene.onstart might work.
KRPano Developer: Portfolio ::Gigapixel Tagging Solutions - Porfolio 2 :: Facebook :: Twitter :: reddit.com/r/VirtualTour

4

Monday, January 16th 2012, 1:55pm

Hi sachagriffin

Sorry I did not realize that, here is the tour -

http://web.me.com/fotobyte/1844

On Desktop, the text box shows up first time the page loads, clicking on it makes it disappear. In iPad/iPhone it does not show up at all!

5

Monday, January 16th 2012, 3:34pm

-------------Edit: this statement is wrong -------I don't see you using the textfield.js plugin. --------There is no textfield.js

And please add a button to turn OFF the gyro. I won't even view a tour that does not allow me to turn off the gyro.

This post has been edited 1 times, last edit by "Jarredja" (Jan 16th 2012, 7:08pm)


6

Monday, January 16th 2012, 3:44pm

OK, that might be the problem. Can you help how to to that, I am not xml expert, sorry.

Can you give me the code for stop button for gyro? Please?

Thanks

7

Monday, January 16th 2012, 3:49pm

Edited: the current .js has a basic form of textfield support. There is no additional textfield.js. I stated it incorrectly. As I understand, Klaus is working on a better system. Perhaps it will be in the next release.

This post has been edited 1 times, last edit by "Jarredja" (Jan 16th 2012, 7:12pm)


8

Monday, January 16th 2012, 4:36pm

I will look into the example. By the way, when you get chance can you get me code for stoping gyro.js?

By the way ""textfield.js" is not in the plugins folder?!! I am using krpano v1.0.8.14. Where can I find textfield.js?

I added alturl="textfield.js"
but I get "textfield.js - loading failed (0)"

Here is what I did

Source code

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<plugin name="info_text"
	        url="%SWFPATH%/plugins/textfield.swf"
	        alturl="textfield.js"
	        html="data:info_html"
	        css="p{color:#FFFFFF; font-family:Arial; font-size:14; margin-left:10; margin-right:10; text-align:center; }"
	        keep="true"
	        children="false"
	        visible="false"
	        width="300"
	        height="155"
	        backgroundcolor="0x000000"
	        roundedge="15"
	        shadow="1"
	        borderwidth="0"
	        glow="4"
	        align="center"
	        backgroundalpha="0.7"
	        x="0"
	        y="0"
	        autosize=""
	        onloaded="action(show_info_text);"
	        onclick="action(hide_info_text);"
	        />



Thanks

This post has been edited 3 times, last edit by "yoshiharra" (Jan 16th 2012, 5:41pm)


9

Monday, January 16th 2012, 5:47pm

I may have been thinking combobox instead of textfield. I will try to find the correct info and post an example when I am able.

Posts: 1,855

Occupation: Virtual Tours - Photography - Krpano developer

  • Send private message

10

Monday, January 16th 2012, 8:40pm

I get a fatal error so I can not even troubleshoot this.

<div style="padding:8px; text-align:center;">FATAL ERROR:<br>./plugins/combobox_source.js - loading failed! (404)&nbsp;</div>
KRPano Developer: Portfolio ::Gigapixel Tagging Solutions - Porfolio 2 :: Facebook :: Twitter :: reddit.com/r/VirtualTour

11

Monday, January 16th 2012, 10:36pm

@Jarredja

Thanks for your time, waiting for your example.

@sachagriffin

The online tour is working fine in my iPad2, this has not been modified in any way. I don't know why you are having error!

The modification is done locally and tested with simulator in my MB Air. All I added is [code}alturl="textfield.js"[/code ], attached xml below

Thanks



plugins.xml
tour.xml

12

Tuesday, January 17th 2012, 8:18pm

Remove the

autosize=""

From your plugin. It should show up after that change.

As for the gyro, just add a plugin or textfield like you did for the fullscreen to change enabled from true to false and back again. Btw, on the iPhone, when you click the fullscreen button, the
screen view actually gets smaller.

13

Tuesday, January 17th 2012, 11:02pm

Hi Jarredja

Thanks for your help! *thumbsup*

Question, how do I fix the problem with iPhone?

Thanks

14

Tuesday, January 17th 2012, 11:25pm

HI Jarredja

I removed the autosize="", still same error, but when I remove alturl="textfield.js, then no error, and no text box either!

Any idea?

Thanks"

15

Wednesday, January 18th 2012, 12:03am

The textfield.js is wrong. That was my error. I was thinking of the combobox.js. I am sorry for leading you the wrong way. I have sent you an e-mail with a test site.

16

Wednesday, January 18th 2012, 3:17pm

Using your button style and your current setup, here is a gyro button to enable or disable the gyro.

<plugin name="gyro-button"
style="button"
devices="iphone|ipad"
align="righttop" x="30" y="50" width="120"
html="[p]Gyro off[/p]"
onclick="switch(plugin[gyro].enabled); if(plugin[gyro].enabled == false, set(html,[p]Gyro On[/p]), set(html,[p]Gyro Off[/p]));"
/>

17

Wednesday, January 18th 2012, 3:47pm

Hi Jarredja

it works! *g*

How can I hide the fullscreen button from iOS devices?

Thaks

18

Wednesday, January 18th 2012, 4:55pm

Using the devices option would work.

http://krpano.com/docu/xml/#plugin.devices

More than likely, using desktop would probably offer what you are looking for but take a look at all of the options and make your decision.

19

Wednesday, January 18th 2012, 6:54pm

Thanks

20

Thursday, January 19th 2012, 5:28am

Found an additional tweak that I thought was fitting.

I added the camroll correction due to the scene appearing to lean if you turned off the gyro while the phone was at an angle. A tween instead of a set would probably be more subtle but I have a set in this example.
<plugin name="gyro-button" 
style="button"
devices="iphone|ipad"
align="righttop" x="30" y="50" width="120"
html="[p]Gyro off[/p]"
onclick="switch(plugin[gyro].enabled); set(view.camroll,0.0); if(plugin[gyro].enabled == false, set(html,[p]Gyro On[/p]), set(html,[p]Gyro Off[/p]));"
/>