SelectorGadget makes identifying page elements a breeze!

admin — Tue, 12 Jan 2010 04:51:14 +0000

A recent railscast pointed me at a handy tool that has helped tremendously in speeding up my UI development efforts. In past, I would use FireBug to highlight items on a page and identify the associated id / class. This worked ok, but did not aid in narrowing down my selector in the efficient mannter this one does. You can easily select/deselect fields on your page and dynamically generate your css selector. Very cool!.. I encourage you to check it out!

Introducing SelectorGadget: point and click CSS selectors

Tweet This Post

Changing Header Class (CSS) in JSF Datatables

admin — Mon, 05 May 2008 16:30:33 +0000

Something I have always found annoying about JSF datatables is the limitation to only apply one header class style to the entire table. This is un-functional for datatables that would display monetary amount or other data that is typically right aligned whereas descriptive columns are left aligned. The table doesn’t look very nice if the heading don’t match the columns.

To work around this I’ve found that declaring a

within the header facet allows you to override the style to behave as desired… below is an example of a table that uses a default headerClass for the majority of columns but is overridden to left align where applicable.

Code:

headerClass=”accountColumnHeader StrongText”
footerClass=”accountColumnFooter”
width=”100%”
cellpadding=”0″ cellspacing=”0″ border=”0″ columnClasses=”account-padding,account-date,account-description,account-debit,

account-credit,account-currency,account-status”
styleClass=”accountTransactionText”
var=”transaction”
value=”#{transactionHandler.transactionBean.transactionHistory}”
rows=”40″>

#{messages['message.account.column.date']}

#{messages['message.account.column.description']}

#{messages['message.account.column.debit']}

#{messages['message.account.column.credit']}

#{messages['message.account.column.currency']}

Tweet This Post

Codedrop™ Weblog » CSS

SelectorGadget makes identifying page elements a breeze!

Changing Header Class (CSS) in JSF Datatables