Skip to end of metadata
Go to start of metadata
You are viewing an old version of this page. View the current version. Compare with Current  |   View Page History

Based on the spec from Dominic and Maria

Version 2 07.08.2012

Amended design based on yesterdays discussion

Edit details

Add text snippet

Databasket in tab


Add weblink


Version 1

Data basket as tab 

  • Basket in a permanent tab allows maxim space and sorting functionality to be used on the basket.
  • Editing can be done in a pop up as can showing details of the entries.
  • This means we only have a single pop up (for detail or edit) rather than a double pop up when viewing the full basket.
  • The yellow band shows what the rollover state for the item is. 
  • Each type of data has an icon, some match the tools as these are types you can add, others are new eg web page.
  • The URL is clickable to show the item in original location.
  • Tags panel can be sorted by popularity (shown) or A---Z
  • Filtering / sorting as per previous mock ups
  • Search is added in similar fashion
  • Action menu on each item eg delete etc.
  • Images are only displayed for types of data where it is possible to do this
  • Any tool can be added or data type (will need icons)

Viewing details

This shows what happens when you click on the yellow bar shown in the above visual. Detail panel is displayed. This has editing options for the relevant fields.

Editing details or Adding new item

Same design can be used for either

Databasket as a pop up (eg for use when inserting item in to comment)

  • Shown as an additional display method needed for the system.
  • Rollover same as first visual.
  • Clicking on an itme selects it as the item to insert. 

Please let me know what you think of these mockups.

Enter labels to add to this page:
Please wait 
Looking for a label? Just start typing.