How to style p:datatable incell editing

UI Components for JSF
Post Reply
coolboykl
Posts: 11
Joined: 24 Aug 2010, 04:53

18 Nov 2010, 04:58

Hi all

Does any knows how to style p:datatable while perform incell editing, the default style does not looks good with my themes

Here's pic before incell editing
Image

Here's pic while at incell editing
Image

Thanks in Advance..
James

User avatar
bumble.bee
Posts: 723
Joined: 29 Sep 2010, 21:39
Location: United States

18 Nov 2010, 15:37

You can use the Firebug plugin for Firefox to easily inspect the DOM. That way you can see what styles are being applied and therefore what selectors you'll need to override.

Since PrimeFaces uses jQuery themes you can also refer to the jQuery UI theme API: http://jqueryui.com/docs/Theming/API

I believe the selector you're looking for is ui-state-highlight

asermej
Posts: 25
Joined: 30 Jun 2010, 03:24

18 Nov 2010, 15:56

A great tool for editing themes provided by jQuery ui:

http://jqueryui.com/themeroller/developertool/

And a page that gives some insight into basic jquery themes:

http://jqueryui.com/docs/Theming/API

Post Reply

Return to “PrimeFaces”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 25 guests