Exceed Static

Static front end for Exceed which is responsive, uses Bootstrap from the ground up and has alot cleaner and D.R.Y markup. Rigorously tested in modern browsers, IE8 and on the iPad.

View separate elements

This prototype uses php include, so if you browse /raw/single-views/table.php you will see an include of raw-table.php (just markup) with CSS applied. This is to make it easier to work focused on single elements.

Big Modals

To view different modals, toggle this in the URL: ?view=table, ?view=keymedia-browse, ?view=keymedia-crop, ?view=sitemap and ?view=attributes (default).

Small modals

You can toggle all modals in the URL by adding one of or several keywords as query string parameters (?keyword&secondkeyword&...). Keywords you can use are:

• layout
• addcontent
• activity
• publish

Disable toolbar, stack and pencils

You can disable certain elements through URL toggles:

• notoolbar
• nopencils
• nostack

So to see no stack and pencils, just the toolbar you can view ?nostack&nopencils

KeyMedia dark scale view

Append the class "dark" to the "eze-stack-content" section

Stack animations

Set the class "move-in" / "move out" on the last stack-item to animate both header and content. When going back it should get the class "move-out" and it will animate out.

Includes

• New toolbar

  • with icon groups
  • with slide-in quick actions

• Small modals

  • Layout
  • Activity
  • Create content
  • Publish
  • Devices

• Big modal w. stack

  • Attributes edit
  • Sidebar
  • KeyMedia Browse
  • KeyMedia Scale
  • Sitemap
  • Data table

• On page pencils

To-do

• User settings modal
• Quick edit modals (use Bootstrap modals)