Hi, frist of all, amazing Comunity and thanks alot for previous answers.
Im having a problem Setting up a Dropdown Menu with Serenity. Its there, but as soon as i develop a filter its shown as an input box and the dropdown. How can i get rid of this box and just type in the dropdown to filter a certain list out of a Database?
<p:selectOneMenu id="lokation" value="#{DropdownView.lokation}"style="width:90%">
<p:ajax listener="#{dropdownView.onCountryChange}" update="city" />
<f:selectItem itemLabel="Displayname der Lokation: " itemValue="" noSelectionOption="true" />
<f:selectItems value="#{DropdownView.displayLokation}" />
</p:selectOneMenu>
I have to develop this Dropdown which have to look like the one on Serenity, this one with the bar in the autocomplete section. Problem is, it doesnt show up like this, worse if i develop a filter.
Is there a workaround for this?
Thanks in advance
Dropdown Menu
Forum rules
Please note that response time for technical support is within 3-5 business days.
Please note that response time for technical support is within 3-5 business days.
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
Hi,
I don't know exactly where you want to put it. Could you please attach your page or a screenshot for us?
I don't know exactly where you want to put it. Could you please attach your page or a screenshot for us?
Github Profile: https://github.com/mertsincan
aragorn wrote: ↑09 Oct 2019, 08:07http://prnt.sc/pgtv4p
http://prnt.sc/pgubex
This is the dropdown, i would like to not have the Inputbox and the search icon. We would like to type right after clickling on the Dropdown view and after that show the List out of a Database.
Can this be fixed?
Greetings, and thanks in advance
Hi,
I don't know exactly where you want to put it. Could you please attach your page or a screenshot for us?
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
Hi,
I made some changes on the style of Dropdown with filter. Please try;
I made some changes on the style of Dropdown with filter. Please try;
Code: Select all
<style type="text/css">
body .ui-selectonemenu-panel .ui-selectonemenu-filter-container {
width: 100%;
padding: 0.714em 1em;
padding-bottom: .1em;
}
body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-inputfield {
padding-right: 30px;
width: 100%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon {
right: 12px;
}
</style>
- Maybe, you can use dynamic attribute; https://primefaces.github.io/primefaces ... ectonemenuI have to develop this Dropdown which have to look like the one on Serenity, this one with the bar in the autocomplete section. Problem is, it doesnt show up like this, worse if i develop a filter.
Is there a workaround for this?
Github Profile: https://github.com/mertsincan
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
Glad to hear, thanks a lot for the update!
Best Regards,
Best Regards,
Github Profile: https://github.com/mertsincan
-
- Information
-
Who is online
Users browsing this forum: No registered users and 2 guests