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

  1. Kel says:

    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!

  2. Kaspars says:

    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?

  3. Gel says:

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

Leave a Reply to Gel Cancel reply