Info text box not showing in iPhone/iPad

yoshiharra · January 13, 2012 at 3:49 PM

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

yoshiharra · January 15, 2012 at 2:54 PM

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

sachagriffin · January 15, 2012 at 4:44 PM

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.

yoshiharra · January 16, 2012 at 1:55 PM

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!

Jarredja · January 16, 2012 at 3:34 PM

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

yoshiharra · January 16, 2012 at 3:44 PM

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

Jarredja · January 16, 2012 at 3:49 PM

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.

yoshiharra · January 16, 2012 at 4:36 PM

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

Code

<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);"
	        />

Display More

Thanks

Jarredja · January 16, 2012 at 5:47 PM

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.

sachagriffin · January 16, 2012 at 8:40 PM

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) </div>

yoshiharra · January 16, 2012 at 10:36 PM

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

Jarredja · January 17, 2012 at 8:18 PM

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.

yoshiharra · January 17, 2012 at 11:02 PM

Hi Jarredja

Thanks for your help!

Question, how do I fix the problem with iPhone?

Thanks

yoshiharra · January 17, 2012 at 11:25 PM

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"

Jarredja · January 18, 2012 at 12:03 AM

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.

Jarredja · January 18, 2012 at 3:17 PM

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

yoshiharra · January 18, 2012 at 3:47 PM

Hi Jarredja

it works!

How can I hide the fullscreen button from iOS devices?

Thaks

Jarredja · January 18, 2012 at 4:55 PM

Using the devices option would work.

https://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.

yoshiharra · January 18, 2012 at 6:54 PM

Thanks

Jarredja · January 19, 2012 at 5:28 AM

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]));"
/>

Info text box not showing in iPhone/iPad

Participate now!

Users Viewing This Thread