Symphony.

Classes

• $.symphonyCollapsible

  Create collapsible elements.

• $.symphonyDrawer

  Drawers are hidden areas in the backend that are used to display additional content on request. There are three different types of drawers: horizontal, vertical left and vertical right.

• $.symphonyNotify

  Notify combines multiple system messages to an interface that focusses on a single message at a time and offers a navigation to move between message.

• $.symphonyOrderable

  Create orderable elements.

• $.symphonyPickable

  Show and hide elements based on the value of a select box. If there is only one option, the select box will be hidden and the single element will be shown.

• $.symphonySelectable

  Create selectable elements. Clicking an item will select it by adding the class .selected. Holding down the shift key while clicking multiple items creates a selection range. Holding the meta key (which is cmd on a Mac or ctrl on Windows) allows the selection of multiple items or the modification of an already selected range of items. Doubleclicking outside the selection list will remove the selection.

• $.symphonyTags

  Insert tags from a list into an input field based on three modes: singular - allowing only one tag at a time (add a class of .singular) multiple - allowing multiple tags, comma separated inline - which adds tags at the current cursor position (add a class of .inline)

• $.symphonyTimeAgo

  Convert absolute to relative dates.