iframe does not pay heed of 'height' when expressed in %

answered 2008-10-29 09:22:52 +0800

cvarona
554 ● 1 ● 6

The following will do:

<?xml version='1.0' encoding='UTF-8' ?>
<?page style="height: 100%" ?>
<window id="ConfigReportsPF_GenericExportView_form" mode="embedded" border="normal" width="100%" height="100%" focus="false">
<box id="_box0" orient="vertical" align="center" focus="false" height="100%" width="100%">
<iframe id="iframe" focus="false" height="100%" autohide="false" width="100%" scrolling="auto" />
<button label="Select file">
<attribute name="onClick">{
Object media = Fileupload.get();
if (media != null)
iframe.setContent(media);
}</attribute>
</button>
</box>
</window>

I'm using zk 3.5.1 and firefox 2.0. I usually try to load pdfs, but it's the same with, say, .txt.

With kind regards

C. Varona

answered 2008-10-29 10:09:14 +0800

cvarona
554 ● 1 ● 6

Mmmm, it's seems it's the box that prevents the iframe from expanding to occupy 100% of the room available:

<?xml version='1.0' encoding='UTF-8' ?>
<?page style="height: 100%" ?>
<window id="ConfigReportsPF_GenericExportView_form" mode="embedded" border="normal" width="100%" height="100%" focus="false" contentStyle="overflow: auto">
<iframe id="iframe" focus="false" height="100%" autohide="false" width="100%" scrolling="auto" />
<button label="Select file">
<attribute name="onClick">{
Object media = Fileupload.get();
if (media != null)
iframe.setContent(media);
}</attribute>
</button>
</window>

This other box-less example works perfectly. However, any attempt to use box/vbox seems to interfere with the sizing mechanism of the iframe itself. Rather unfortunately, our generated zul forms often resort to boxes in order to group components.

With kind regards

C. Varona