Loading ...Posts tagged with ‘jsf’
How to STYLE a table using CSS (JSF examples)
October 18th, 2007
Tables are very important parts of the web interface. They are (hopefully) used for tabular data. It is one of the oldest and most basic HTML presentation tag but in order for it to smoothly fit into the new CSS age, we need to look at the most practical way in correctly setting up the markup and the CSS.
Nowadays, we no longer wish to make separate instances of a similar application for different clients. We want to thrive on making a single application that will fit the needs of as many clients as possible. This task is very challenging. In my opinion the ideal situation is to have the clients and developers both understand the benefits of the end goal and compromise to reach it. As developers we can always dream to have a single application reach the level of customization we can accomplish with many separate applications and yet don’t confuse the heck out of the end users. While I am unsure if that’s ever a possibility, I know ways that might help get us closer.
One of the biggest challenges is to give each client who uses the same application their own unique UI presentation. This is no small task and I only plan to address a small issue you might encounter in accomplishing this task. That’s how to mark up a table with the most amount of UI flexibility.
(more…)
Cutest Firefox poster!
September 20th, 2007
My coworker just sent me this cutest Firefox poster!! Everyone should get one.
I was very enraged by the JSF tag
h:selectOneRadio
Because it renders the radio buttons with the TABLE tag @_@ instead of something CSS friendly like list or div tags.
Fortunately if you use the tomahawk’s version of
t:selectOneRadio
You can render the radio buttons your own way.
Orientation of the options list. Valid values are “pageDirection” for a vertical layout, “lineDirection” for horizontal, or “spread” for developer placement. The default value is “lineDirection”. If the “spread” option is selected, this tag does not render HTML. Instead, the developer uses “radio” tags to position radio buttons for each of the SelectItem instances. See the “radio” tag for further information.
