textfield plugin and text formatting in html5

  • Hi

    I have a question re the textfield plugin and how text appears in flash and html5. Text appears fine with flash viewer but is displayed much smaller and withour formating in html5 viewer. How do I get text in html5 to appear the same as flash?

    Would be grateful for comments as not sure if i'm doing something wrong or this is a bug,

    The following links shows the text in the top left of screen:

    http://www.trekwireless.co.uk/sleephotel2012/

    I am using the texfield plugin as follows:

    <plugin name="titletext"
    url="../plugins/textfield.swf"
    width="500"
    keep="true"
    align="topleft"
    x="35" y="25"
    autosize="left"
    wordwrap="true"
    background="false"
    zorder="-1"
    children="true"
    html="TEST"
    css="p{color:#FFFFFF; font-family:arial; font-style: regular; font-size:20;text-align:left; }"
    effect="dropshadow(4,45,0x000000,4,1);"
    />

    <action name="showname">
    txtadd(plugin[titletext].html,[p],get(scene[get(xml.scene)].title),[p])));
    </action>


    and then calling the plugin at the start of each scene as follows:

    <scene name="room1" title="Bisset Adams and 8build" onstart="showname();select_box_item(room1);">

    thanks in advance for help/ideas.
    Tim

  • Hi,

    HTML5 always needs units (e.g. px) for sizes!

    e.g. change:

    Code
    font-size:20;


    to:

    Code
    font-size:20px;


    and the size should be correct.

    And about the text-shadow via the 'effect' setting - the effect setting is not supported in HTML5, but the textfield plugin itself provides several textshadow settings which can be used in Flash AND HTML5:
    https://krpano.com/plugins/textfield/#textshadow

    Btw - with the latest textfield.swf and krpano HTML5 viewer versions, you can also skip the p{ ... } and [p] .. [/p] around the css and html tags - they are not necessary there anymore.

    Best regards,
    Klaus

Participate now!

Don’t have an account yet? Register yourself now and be a part of our community!