adminfaces / admin-theme

Primefaces admin theme based on Admin LTE and Bootstrap
https://adminfaces.github.io/site/docs/latest/#admin_theme
MIT License
144 stars 62 forks source link

The `SelectManyButton` widget doesn't display correctly in all cases #241

Closed gestern closed 4 years ago

gestern commented 4 years ago
Issue Overview

Buttons are not displayed in the group. Instead, they are displayed as separate elements, which generally contradicts common sense, which was originally laid down. The official documentation says:

3.118 SelectManyButton SelectManyButton is a multi select component using button UI.

image

By the way, the following example of displaying this element is shown on the official AdminLTE channel:

image

and says:

Horizontal button groups are easy to create with bootstrap. Just add your buttons inside <div class="btn-group"></div>

Current Behaviour
image
Expected Behaviour
image

Please do not pay attention to the alignment of the text (it may be any here and not essential).

How to reproduce

You can simply repeat this example from official's showcases:

 <p:selectManyButton value="#{selectManyView.selectedOptions}">
            <f:selectItem itemLabel="b" itemValue="b" />
            <f:selectItem itemLabel="u" itemValue="u" />
            <f:selectItem itemLabel="i" itemValue="i" />
        </p:selectManyButton>
rmpestano commented 4 years ago

Hi, thank you for the opening the issue, I' ll have a look ASAP.

rmpestano commented 4 years ago

Hi @gestern, can you try with 1.0.3-SNAPSHOT with clean browser caches?

See here on how to enable snapshots

gestern commented 4 years ago
image

Looks great