css - Primefaces SelectOneMenu next to InputText is on different vertical position -
when set primefaces selectonemenu next primefaces input this, not on same height in browser (same in firefox, ie , chrome):
<!doctype html> <html xmlns="http://www.w3.org/1999/xhtml" xmlns:h="http://xmlns.jcp.org/jsf/html" xmlns:p="http://primefaces.org/ui" xmlns:f="http://xmlns.jcp.org/jsf/core"> <h:head /> <h:body> <p:selectonemenu> <f:selectitem itemlabel="item1" /> </p:selectonemenu> <p:inputtext value="text" /> </h:body> </html> is possible (with css) place 2 inputs next each other, such can shown in 1 line @ same vertical position?
(i utilize primfaces 5.1.)
try vertical-align property.
<h:body> <p:selectonemenu style="vertical-align:middle"> <f:selectitem itemlabel="item1" /> </p:selectonemenu> <p:inputtext value="text" style="vertical-align:middle" /> </h:body> note not should middle create components on same height. inspect generated html selectonemenu , input, seek different values vertical-align, , find best variant you.
css primefaces
No comments:
Post a Comment