WordPress Dashboard UI Idea Update

The UI example has been updated to support Internet Explorer 6, 7 and 8. Another improvement is the unified HTML/CSS template for the list-type content inside widgets. For example, try dragging the Latest Comments widget from the action column (right side) to the content area (left side column) and see what happens with the widget’s content.

WordPress Dashboard User Interface Idea in Internet Explorer 6

WordPress Dashboard User Interface Idea in Internet Explorer 6

CSS only drop-down menu with fully clickable link area

Variable width drop-down menu that works in Internet Explorer 6 (CSS only)

Aside from that, I think I have managed to create the first ever CSS only drop-down menu (that works also in IE6) with the second level links expanding to the total width of that menu. If you are interested, see the source.

3 Comments

Kel 0:19

Mmm, Mmm… You had me all excited about that CSS. I thought it might be CSS Only and NOT require JS. Wishful thinking. :-) Nice stuff!

Kaspars 1:05

Kel, I am using javascript only for the hover effect. The CSS-only thing is there — I don’t know of any existing solutions for achieving those 100% width link areas in IE, which I managed to get by using this:

ul ul li { display:inline; }
ul ul li a { position:relative; }

Have you seen or used this before?

Gel 8:18

So when will you realease it, fully implemented in WP? :)

Leave a comment

Note: Basic HTML formatting is allowed. If you post HTML or PHP fragments, wrap them with <code>...</code> which will automatically encode the HTML entities.

About the Author

Kaspars Dambis I am a race car driver, engineer and a web designer living in Latvia and working on the web since 2000. Read more or get in touch.

Es vienmēr tevi mīlēšu, Sirsniņ!