Code: Select all
<div class="ui-g ui-fluid">
<div class="ui-g-12 ui-lg-6">
<div class="card card-w-title">
<h1>SelectOneMenu</h1>
<p:panelGrid columns="1" style="margin-bottom:10px" layout="grid" styleClass="form-group ui-panelgrid-blank">
<p:selectOneMenu id="car" style="margin-bottom:10px;">
<f:selectItem itemLabel="Select One" itemValue="" />
<f:selectItem itemLabel="Select Two" itemValue="" />
<f:selectItem itemLabel="Select Three" itemValue="" />
<f:selectItem itemLabel="Select Four" itemValue="" />
</p:selectOneMenu>
</p:panelGrid>
</div>
</div>
</div>
There is a space between the component and the selectItems. I haven't change any css code, so I wonder what the problem is because in the paradise template live preview is everything fine. Do you have an idea?