Html panelgrid中的jsf对齐复选框
您好,我有一个表单,它是用Html panelgrid中的jsf对齐复选框,html,css,jsf,Html,Css,Jsf,您好,我有一个表单,它是用panelgrid呈现的,有3列,如下所示: 标签输入字段错误消息 我想添加一些复选框,但在对齐方面有问题 <h:panelGrid columns="3"> <h:outputText value="Όνομα:"></h:outputText> <h:inputText id="name" value="#{regBean.name}" required="true"
panelgrid
呈现的,有3列,如下所示:
标签输入字段错误消息
我想添加一些复选框,但在对齐方面有问题
<h:panelGrid columns="3">
<h:outputText value="Όνομα:"></h:outputText>
<h:inputText id="name" value="#{regBean.name}" required="true"
requiredMessage="Παρακαλώ εισάγετε όνομα!"
>
<f:validator validatorId="nameValidator" />
</h:inputText>
<h:message id="namemsg" for="name" style="color:red"></h:message>
<h:outputText value="Επώνυμο:"></h:outputText>
<h:inputText id="surname" value="#{regBean.surname}" required="true"
requiredMessage="Παρακαλώ εισάγετε επώνυμο"
>
<f:validator validatorId="nameValidator" />
</h:inputText>
<h:message for="surname" style="color:red"></h:message>
<h:outputText value="Ενδιφέρομαι για"></h:outputText>
<h:selectManyCheckbox>
<f:selectItem itemValue="1" itemLabel="Number1 - 1" />
<f:selectItem itemValue="2" itemLabel="Number1 - 2" />
<f:selectItem itemValue="3" itemLabel="Number1 - 3" />
<f:selectItem itemValue="4" itemLabel="Number1 - 4" />
</h:selectManyCheckbox>
<h:commandButton type="submit" value="Submit"></h:commandButton>
<h:commandButton type="reset" value="Reset"></h:commandButton>
</h:panelGrid>
不带选择框:
这是我添加它们时得到的结果:
我想要这样的东西:
我尝试在h:panelGrid
中添加html标记,但失败了。有没有办法只使用css/html/jsf来实现它
在advance中的Thx比我想象的要容易。我必须在
中添加layout=“pageDirection”
,并将所选内容包装在面板组中
固定代码:
<h:outputText value="Ενδιαφέρομαι για"></h:outputText>
<h:panelGroup layout="block">
<h:selectManyCheckbox layout="pageDirection">
<f:selectItem itemValue="1" itemLabel="Item 1" />
<f:selectItem itemValue="2" itemLabel="Item 2" />
<f:selectItem itemValue="3" itemLabel="Item 3" />
<f:selectItem itemValue="4" itemLabel="Item 4" />
</h:selectManyCheckbox>
</h:panelGroup>