Hi, I'm trying to display a iframe in a textfield.
Basicly I have A texfield that disaplays text, and a second one wich displays an iframe and is parent from the first one.
I have an issue, I can change the width of the iframe textfield and it works (iframe is 100% width and height), but when I change to texfield height the iframe still displays 150px height, even with gretter values.
If I look at the displayed code on chrome the iframe contanier has the correct height, but not the iframe ???
Here is a screenshot and the generated code :
generated code :
Code
<div style="position: absolute; z-index: 3016; overflow: visible; cursor: default; pointer-events: none; opacity: 0; color: rgb(0, 0, 0); width: 600px; height: 171px; transform: translateZ(1000000000000px) translate(-299px, -171px) translate(0px, 85.5px) rotate(0deg) translate(0px, -185.5px); background-position: 0px 0px;">
<div style="position: absolute; z-index: 3026; overflow: visible; cursor: default; pointer-events: none; opacity: 1; color: rgb(0, 0, 0); width: 120px; height: 300px; transform: translateZ(1000000000000px) translate(480px, 0px) translate(60px, -150px) rotate(0deg) translate(-60px, 150px); background-position: 0px 0px;">
<div style="position: absolute; top: 0px; left: 0px; transform-origin: 0px 0px 0px; transform: scale(1); width: 120px; height: 300px; font-size: 12px; font-family: Arial; line-height: normal; visibility: visible;">
<div style="position: absolute; height: 300px; width: 120px; overflow: hidden;">
<div style="margin:0px 0px 0px 0px;">
<iframe src="preview.html?image.cube.url=sainte_marie.tiles/mobile_%s.jpg" width="100%" height="100%" frameborder="0"></iframe>
</div>
</div>
</div>
</div>
<div style="position: absolute; z-index: 3001; overflow: visible; cursor: default; pointer-events: none; opacity: 1; width: 32px; height: 12px; transform: translateZ(1000000000000px) translate(284px, 171px) translate(0px, -6px) rotate(0deg) translate(0px, 2px); background-image: url(http://192.168.0.13:8090/skin/icons/tooltippin.png); background-size: 32px 12px; background-position: 0px 0px;">
</div>
<div style="position: absolute; top: 0px; left: 0px; transform-origin: 0px 0px 0px; transform: scale(1); width: 100%; height: 100%; font-size: 12px; font-family: Arial; line-height: normal; visibility: visible;">
<div style="position: absolute; width: 600px; overflow: hidden; background-color: rgb(33, 31, 31);">
<div style="margin:25px 160px 25px 40px;text-align:justify; color:#ffffff; font-family: Arial; font-size:16px;"> <font color="#cba934" size="26" style="font-size:26px; text-align:center" align="center">Chapelle Sainte-Marie</font><br> L’ancienne chapelle de l’hospice Sainte-Marie est construite vers 1850. Composée d’un portique d’entrée d’inspiration antique elle est surmontée d’un dôme et renferme un remarquable ensemble de peintures murales.
</div>
</div>
</div>
</div>
Display More
xml code :
Code
<layer name="tospot" keep="true"
url="%SWFPATH%/plugins/textfield.swf"
visible="false"
enabled="false"
align="top"
edge="bottom"
autowidth="auto"
width="600"
oy="-100"
autoheight="auto"
background="true" backgroundcolor="0x211f1f" backgroundalpha="1"
border="false"
roundedge="0"
padding="25 160 25 40"
shadow="0"
textshadow="0"
css="text-align:justify; color:#ffffff; font-family: Arial; font-size:16px;"
html=""
zorder="15"
embeddedfonts="false"
/>
<layer name="preview" keep="true"
url="%SWFPATH%/plugins/textfield.swf"
visible="false"
enabled="false"
align="topright"
width="120"
height="300"
background="false"
border="false"
roundedge="0"
padding="0"
shadow="0"
textshadow="0"
css=""
html="[iframe src='preview.html?image.cube.url=sainte_marie.tiles/mobile_%s.jpg' width='100%' height='100%' frameborder='0'][/iframe]"
zorder="25"
embeddedfonts="false"
parent="layer[tospot]"
/>
Display More