I notice a strange behaviour in displaying <p:splitButton .. /> when into a fluid <div />.
In am using Ultima 4.1.0 and Primefaces 11.0.0.
Here the example
Fluid container
Code: Select all
<div class="card">
<div class="ui-fluid">
<p:splitButton value="Save" icon="pi pi-save" styleClass="ui-button-secondary p-mr-2 p-mb-2">
<p:menuitem value="Update" icon="pi pi-refresh"/>
<p:menuitem value="Delete" ajax="false" icon="pi pi-times"/>
<p:divider />
<p:menuitem value="Homepage" url="http://www.primefaces.org" icon="pi pi-home"/>
</p:splitButton>
</div>
</div>
Not fluid container
Code: Select all
<div class="card">
<div>
<p:splitButton value="Save" icon="pi pi-save" styleClass="ui-button-secondary p-mr-2 p-mb-2">
<p:menuitem value="Update" icon="pi pi-refresh"/>
<p:menuitem value="Delete" ajax="false" icon="pi pi-times"/>
<p:divider />
<p:menuitem value="Homepage" url="http://www.primefaces.org" icon="pi pi-home"/>
</p:splitButton>
</div>
</div>
I am required to use a not fluid container with <p:splitButton .. />?
Thank you
Davide