commandBuuton not aligned with selectOneButton (closed)

Post Reply
serenne
Posts: 76
Joined: 21 Jul 2015, 07:43

25 Sep 2018, 15:48

Hi Aragron,

I want to add a commandButoon at the right of some p:selectOneButton.
It results on the commandButton not vertically aligned with the selectOne buttons
Image

Do you have a nice way to align with css ?

code ito reproduce (if needed) :

Code: Select all

<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:c="http://xmlns.jcp.org/jsp/jstl/core" template="/template.xhtml">
	
    <ui:define name="content">
	<p:selectOneButton id="oneBtn"	value="#{equipmentDataChartModel.nbDays}">
		<f:selectItem
			itemLabel="Day"
			itemValue="1" />
		<f:selectItem
			itemLabel="Week}"
			itemValue="7" />
		<f:selectItem
			itemLabel="Month}"
			itemValue="31" />
	</p:selectOneButton>
	
	<p:commandButton value="commandButton"/>
  </ui:define>	
</ui:composition>
Kindest regards
Philippe
Last edited by serenne on 04 Oct 2018, 20:01, edited 1 time in total.

User avatar
aragorn
Posts: 3637
Joined: 29 Jun 2013, 12:38

26 Sep 2018, 15:25

Hi,
There are two solutions for it;

First solution; grid -> https://www.primefaces.org/showcase/ui/panel/grid.xhtml
Second solution: flexGrid -> https://www.primefaces.org/showcase/ui/ ... Grid.xhtml (my favorite)

serenne
Posts: 76
Joined: 21 Jul 2015, 07:43

04 Oct 2018, 16:29

Thanks a lot !!

User avatar
aragorn
Posts: 3637
Joined: 29 Jun 2013, 12:38

08 Oct 2018, 09:46

You're welcome!

Post Reply

Return to “Ultima - PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 3 guests