---
title: Fully Functional Drag-and-Drop WordPress Dashboard Design Idea
date: 2008-08-27T04:06:18+00:00
modified: 2012-08-23T09:48:51+00:00
image:: https://kaspars.net/wp-content/uploads/2008/08/wordpress-dasboard-ui-1-konstruktors.png
permalink: https://kaspars.net/blog/drag-and-drop-wordpress-dashboard-user-interface
post_type: post
author:
  name: Kaspars
  avatar: https://reverse.kaspars.net/gravatar/avatar/92bfcd3a8c3a21a033a6484d32c25a40b113ec6891f674336081513d5c98ef76?s=96&d=mm&r=g
post_format:
  - Aside
category:
  - WordPress
---

# Fully Functional Drag-and-Drop WordPress Dashboard Design Idea

OK, here we go — [this is my take on how WordPress dashboard would work the best](https://kaspars.net/examples/wordpress-dashboard/01/ "WordPress Dashboard layout"). All the widgets are expandable, collapsible, sortable and draggable. Widget locations and open/closed states are not stored but that could be implemented easily.

[![WordPress Dashboard User Interface, Idea A](/wp-content/uploads/2008/08/wordpress-dasboard-ui-1-konstruktors-480x359.png "WordPress Dashboard User Interface, Idea A")](https://kaspars.net/examples/wordpress-dashboard/01/)WordPress Dashboard User Interface, Idea A



And that all with only 107 lines of CSS, 103 lines of custom jQuery and 10 images (~1.5KB each). Works 100% with *Gecko 1.9* and *Webkit r35928*.

What do you think?