Change background color of p:toolbar

UI Components for JSF
Post Reply
nirvanbd
Posts: 45
Joined: 16 Oct 2010, 16:17

17 Dec 2010, 15:53

How do I change background color of the p:toolbar component? I tried changing it inline using "style="background-color:#036fab;", but it doesn't change. What is the skinning class styles relevant to p:toolbar.

regards,
Nirvan.

cagatay.civici
Prime
Posts: 18616
Joined: 05 Jan 2009, 00:21
Location: Cybertron
Contact:

17 Dec 2010, 16:05

Colors are defined by the theme used so it would be .ui-widget-header, note that ui-widget-header applies many other PrimeFaces components as well like panel's header. If you'd like to only change toolbar than you need .ui-toolbar.ui-widget-header.

For themes that use background images, also set background-image css property to none so your background-color is applied.

nirvanbd
Posts: 45
Joined: 16 Oct 2010, 16:17

17 Dec 2010, 16:22

Thank You very much.

regards,
Nirvan.

marianodolimpio
Posts: 1
Joined: 27 Apr 2016, 14:33

03 May 2016, 15:05

Puedes cambiar none por un color. You can change none for color.

<p:toolbar style="background: none !important;font-size: larger !important;">

Post Reply

Return to “PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 24 guests