Need Help with particular layout
Hi,
I need help with a particular layout with jsf.
I dont be able to get this layout with checkbox and inputtext.
label checkbox
label checkbox
label checkbox
label checkbox
label checkbox labelinputtext inputext
with panelgrid I obtain only this one
label checkbox
label checkbox
label checkbox labelinputtext inputext
label checkbox
label checkbox
But I want place inputext and its label next to the last checkbox.
Could someone help me? Thanks
[545 byte] By [
ponzettia] at [2007-11-27 5:06:01]
# 3
<h:panelGrid columns="2">
<h:selectManyCheckbox layout="pageDirection" styleClass="styled">
<f:selectItem itemLabel="Ischemica" itemValue="Ischemica"/>
<f:selectItem itemLabel="Ipertensiva" itemValue="Ipertensiva"/>
<f:selectItem itemLabel="Valvolare" itemValue="Valvolare"/>
<f:selectItem itemLabel="Cardiomiopatia" itemValue="Cardiomiopatia"/>
<f:selectItem itemLabel="Altro" itemValue="Altro" />
</h:selectManyCheckbox>
<h:panelGrid columns="2" styleClass="tableA" >
<h:outputText value="Specificare" />
<h:inputText value="" styleClass="styled2" />
</h:panelGrid>
</h:panelGrid>
In my css I insert class
.tableA{
vertical-align: bottom;
}
}
# 4
To the 2nd column, I said, not to the table. Use the columnClasses attribute.Try to learn from it by checking the generated HTML afterwards. With basic CSS knowledge you should already have noticed that using styleClass isn't going to work :)
# 5
It doesnt work.
I have used columnclasses then my html code is this one:
<tr>
<td class="columnA">Specificare</td>
<td class="columnA"><input type="text" name="_id1:_id21" value="" class="styled2" /></td>
</tr>
Ideas?
# 6
Of course it doesn't work. Do you actually understand HTML and CSS? If not, try to understand it first before playing with JSF :)
You need to apply it to the table cell of which it's contents have to be vertical aligned to the bottom. And that is not the table cell of the table inside that column.
