Friday, November 02, 2012

Formatted Option List

Darn. Formatted drop down lists only work in FireFox.

The category lists in the Community Color sites had become somewhat unwieldy; So I decided to add some formatting to the HTML <select> form element. I list the categories in a hierarchical structure with the first level bold and subcategories indented. </select>

The three forms below show the category structure for Grand Junction, Denver and Ogden. Click on the select list. It shows you the full hierarchical page structure. Select a page a press the "View Category" button and you go to that page.

People are not used to using the <select> lists for navigation, but the navigation is so tight and quick I think I will add it to all my sites.

No comments: