Sie sind nicht angemeldet.

olihar

Schüler

  • »olihar« ist der Autor dieses Themas

Beiträge: 140

Wohnort: Iceland

Beruf: Interaction Designer

  • Nachricht senden

1

Freitag, 13. Dezember 2013, 01:22

Textfield and iOS

I am trying to get some way to get a:hover a:active or something similar to work with the textfield plugin with iOS, as I would really like for the user to get some kind of feedback when a text link has been pressed.

Do you have any suggestions or is the textfield plugin this limited still?

Edit: this like active and hover work just fine with a normal computer browser and flash.

Beiträge: 1 857

Beruf: Virtual Tours - Photography - Krpano developer

  • Nachricht senden

2

Freitag, 13. Dezember 2013, 17:13

text-decoration: underline.

you can change the css using the ondown attribute.
KRPano Developer: Portfolio ::Gigapixel Tagging Solutions - Porfolio 2 :: Facebook :: Twitter :: reddit.com/r/VirtualTour

olihar

Schüler

  • »olihar« ist der Autor dieses Themas

Beiträge: 140

Wohnort: Iceland

Beruf: Interaction Designer

  • Nachricht senden

3

Samstag, 14. Dezember 2013, 23:25

Could you specify, as textfield plugin seems to be very limited when it comes to use of CSS.

Beiträge: 1 857

Beruf: Virtual Tours - Photography - Krpano developer

  • Nachricht senden

4

Montag, 16. Dezember 2013, 16:37

No it's pretty robust.

font-weight
font-size
text-decoration
text-align
color
font-family

... here.
http://help.adobe.com/en_US/FlashPlatfor…StyleSheet.html

onover="set(css, text-decoration: underline;"

You can also use the css selectors with classes/id. Sometimes they don't work because krpano moves the css and changes things on you unexpectedly. Good usage of a dom inspector can be handly if you want to get tricky.
KRPano Developer: Portfolio ::Gigapixel Tagging Solutions - Porfolio 2 :: Facebook :: Twitter :: reddit.com/r/VirtualTour

olihar

Schüler

  • »olihar« ist der Autor dieses Themas

Beiträge: 140

Wohnort: Iceland

Beruf: Interaction Designer

  • Nachricht senden

5

Mittwoch, 18. Dezember 2013, 01:33

This is an example how I do it now and works fine on any computer just not tablets.



Zitat



<data name="htmlGreen" devices="desktop|tablet|mobile">

<img src="indexdata/img/portraitGreen.png" style="padding:8px;" width="600px" height="300px" />

<p align="right">
<a href="event:action(loadpanoGreen); stopallsounds(); playsound(HallSoundGreen, greenBackgroundSound.mp3, 0, 0);">
<font color="#359c3e" face="verdana" size="36px" style="font-family:verdana; font-size:36px;">
YES
</font>
</a>

<a href="event:action(hidewindow,htmlGreen); stopallsounds(); playsound(HallSound, hallBackgroundSound.mp3, 0, 0);">
<font color="#359c3e" face="verdana" size="36px" style="font-family:verdana; font-size:36px;">
NO
</font>
</a>
</p>

</data>

<data name="cssGreen">
a { text-decoration:none; color:#359c3e; font-weight:bold; }
a:hover { color:#cccccc; }
</data>