+1
Answered

Is there a way to scale a web container that doesn't blur the html?

jralston 8 years ago updated by icahill (Administrator) 8 years ago 2
Had a small web item and when I used onnavigation to scale the web container the contents were blurry. I tried to use sync to reload the page after scale, but it was still blurry.
Have you tried to applying the attribute called "pagetofit=yes" on your web tag? This should display it based on the size of the container.
This snippet might help.


<wire>

<main>
<panel name="list-container" alias="HIGH" width="100%" height="100%">
<panel name="yes" alias="YES" width="100" height="100" align="center" valign="center" onclickup="grow" background="ff0000">
<web name="hi" alias="HI" width="100%" height="100%" align="center" url="about://blank" pagetofit="yes" alpha="0"></web>
</panel>
</panel>
</main>

<actions>

<action name="grow">
<sync loop="no" startdelay="0">
<scale time="1" width="100%" height="100%" align="center" valign="center" target="YES" />
<load url="http://espn.com" target="HI" />
<alpha value="1" time="0" target="HI" />
</sync>
</action>
</actions>
</wire>