Size in <p:column

Posts: 466
Joined: 02 Feb 2014, 17:38

16 Nov 2015, 22:50


For a column for Desktop devices I need only width: 45px. In more detail this ist the column for a small button.
But for Mobile Devices I need the complete width.
How can I do this?

Code: Select all

<p:column style="width: 45px;">
								<h:link outcome="/portal/deviceGlobalEdit">
									<p:button icon="fa fa-laptop"
										title="Detail" />
									<f:param name="id" value="#{}" />
Can anybody help me, please.
PF 8.0

Posts: 4638
Joined: 29 Jun 2013, 12:38

17 Nov 2015, 10:06

I think you can use @media queries for this issue.
Our media queries;

Code: Select all

/* Large desktop */
@media (min-width: 961px){
@media (min-width: 961px) and (max-width:1200px){
/* Portrait tablet to landscape and desktop */
@media (min-width: 640px) and (max-width: 960px){


/* Landscape phone to portrait tablet */
@media (min-width:480px) and (max-width: 640px) {	

/* Portrait phones and down */
@media (min-width:320px) and (max-width: 480px) {

Code: Select all

@media (min-width: 961px){
    .test {

<p:column styleClass="test" ..>


Return to “Rio”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest