How to change size class icon to commandButton

UI Components for JSF
Post Reply
GlaurungBlue
Posts: 4
Joined: 13 Jul 2014, 04:06

13 Jul 2014, 04:36

I want to change an icon with my personal css for commandButton, the default size to ui-icon is 16x16px but my icons have 32x32px

.icon-button-add {
background-image: url("#{resource['iconos/add133.png']}") !important;
height:32px;
width: 32px;
}

i Put my css class and dont see what i want correctly.
[img]
https://scontent-b-dfw.xx.fbcdn.net/hph ... 2928_n.jpg
[/img]

what i need change to makeit work fine?
PrimeFaces 5.1, | TOMEE 1.6.0.| Myfaces 2.2.1
Ubuntu 14.04 | Firefox | Chrome
PF 5.0

User avatar
andyba
Expert Member
Posts: 2473
Joined: 31 Mar 2011, 16:27
Location: Steinfeld, near Bremen/Osnabrück, DE
Contact:

18 Jul 2014, 13:00

You need to use a style to change the height of the button and increase the left margin of the button to allow the extra width to fit.
Exactly which classes you need to provide and use should be easy to find out.
PF 4.x (Elite versions), PF 5, Pf 5.1, PF 6.0
Glassfish 4.1, Mojarra 2.x, Java 8, Payara 4.1.1.
If you haven't read the forum rules read them now

Post Reply

Return to “PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 47 guests