-
FEATURED COMPONENTS
First time here? Check out the FAQ!
Hi,
I have an hlayout with two components inside it, a HTML table and a DIV.
I want the Div's height span all the space available.
The HTML table looks well but the Div with an VFLEX doesn't span.
I inspect the HTML with Chrome developer's tool and found that the HLAYOUT has inside it two more divs with hlayout-inner class.
And it seems that those two div's adapt its height depending on its children. Is there a way to make that all hlayout-inner has the same height??
This is my code:
<hlayout> <n:table border="1" cellpadding="0" cellspacing="0"> <n:tr> <n:td style="white-space:nowrap;overflow:hidden;text-overflow: ellipsis;"> <label id="LBLTextoNombreProveedor" style="font-weight:bold" value="Nombre"> </label> </n:td> </n:tr> <n:tr> <n:td style="white-space:nowrap;overflow:hidden;text-overflow: ellipsis;"> <label id="LBLTextoDireccionProveedor" value="Dirección"> </label> </n:td> </n:tr> <n:tr> <n:td style="white-space:nowrap;overflow:hidden;text-overflow: ellipsis;"> <label id="LBLTextoPoblacionProveedor" value="Población"> </label> </n:td> </n:tr> <n:tr> <n:td style="white-space:nowrap;overflow:hidden;text-overflow: ellipsis;"> <label id="LBLTextoTelefonoProveedor" value="Telefono"> </label> </n:td> </n:tr> <n:tr> <n:td> <label id="LBLObservaciones" visible="false" value="_Observaciones: "></label> </n:td> </n:tr> <n:tr> <n:td style="white-space:nowrap;overflow:hidden;text-overflow: ellipsis;"> <label id="LBLTextoObservaciones"> </label> </n:td> </n:tr> </n:table> <div hflex="true" vflex="true" height="100%"> <label id="LBLMotivoConsulta" value="_Motivo de la consulta"></label> <n:br></n:br> <textbox id="TBMotivoConsulta" multiline="true" vflex="true" hflex="true"></textbox> </div> </hlayout>
And a screenshot:
The textbox is inside the Div and has a vflex="true"
Hi Neus,
What ZK version are you using? and what browser do you use?
Asked: 2012-07-13 11:23:51 +0800
Seen: 151 times
Last updated: Aug 10 '12