Hi,
I'm with a problem, i have a "p:selectOneMenu" where an item have 50 characters, in a panelgrid grid layout, this panel have two columns:
columnClasses = "Container20, Container80", your size should have 95% of the div, but this doesn't works correctly how the other inputs, an overflow occurs:
The same problem occurs in desktop screen.
The style of selectOne is set to style="width: 95%".
How can i solve this?
Responsiveness doesn't works in p:selectOneMenu
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
SelectOneMenu component doesn't have responsive feature on PF-5.2. We added this feature for PF5.2.4+ and PF5.3. (http://www.primefaces.org/showcase/ui/m ... sive.xhtml)
Github Profile: https://github.com/mertsincan
-
- Posts: 8
- Joined: 29 May 2015, 19:34
There is a workaround ? Can i download PF5.3 direct from GitHub before release?aragorn wrote:SelectOneMenu component doesn't have responsive feature on PF-5.2. We added this feature for PF5.2.4+ and PF5.3. (http://www.primefaces.org/showcase/ui/m ... sive.xhtml)
Regards
Eder
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
There isn't a workaround.
Yes, you can download it and build it. Then, you can add PF5.3.jar in your project.Can i download PF5.3 direct from GitHub before release?
Github Profile: https://github.com/mertsincan
-
- Posts: 8
- Joined: 29 May 2015, 19:34
I did it, and i compiled using maven, but apparently there is a bug, the width is correct, but there is space between the button and label:aragorn wrote:There isn't a workaround.Yes, you can download it and build it. Then, you can add PF5.3.jar in your project.Can i download PF5.3 direct from GitHub before release?
Is a RIO problem?
Regards Eder
Last edited by bragarpaulo on 13 Aug 2015, 18:37, edited 1 time in total.
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
Premium Layouts and Themes are not compatible with PF5.3 for now.
Detail in http://www.primefaces.org/layouts/rio.html;
Detail in http://www.primefaces.org/layouts/rio.html;
But you can try with this code on PF5.3;Theme is officially supported for 5.0, 5.1 and 5.2.
Code: Select all
.myOneMenu.ui-selectonemenu {
padding-right: 0px !important;
}
.myOneMenu.ui-selectonemenu .ui-selectonemenu-trigger {
border-bottom: 0px !important;
padding: 0 6px !important;
}
//xhtml
<p:selectOneMenu styleClass="myOneMenu" ../>
Github Profile: https://github.com/mertsincan
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
I worked to find a workaround on PF5.0, PF5.1 and 5.2. I finally found;
Code: Select all
//css code
.myOneMenu.ui-selectonemenu {
box-sizing: border-box;
}
//xhtml
<p:selectOneMenu style="width: 95%" styleClass="myOneMenu" ...>
Github Profile: https://github.com/mertsincan
-
- Posts: 8
- Joined: 29 May 2015, 19:34
Thanks by your support aragorn, this work perfectly, sorry my bad english.aragorn wrote:I worked to find a workaround on PF5.0, PF5.1 and 5.2. I finally found;Code: Select all
//css code .myOneMenu.ui-selectonemenu { box-sizing: border-box; } //xhtml <p:selectOneMenu style="width: 95%" styleClass="myOneMenu" ...>
Regards.
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
Glad to hear, thanks
Github Profile: https://github.com/mertsincan
-
- Information
-
Who is online
Users browsing this forum: No registered users and 2 guests