The contentDock® Elements

For the design of your contentApp projects you can use all elements from this page. All these elements you can use multiple times and you define the size, position and rotation in the contentDock® Wireframer App within each template.

Please note that all sub-elements as well as the group "Data container table fields" are auxiliary elements and are not available in the contentDock® Wireframer App. Further information can be found in the respective auxiliary element.

Standard

  • Headline / Label
    icon
    Headlines
  • Simple text
    icon
    Plain text
  • Rich text
    icon
    Formatted text with images

Graphic & Multimedia

  • Image / Gallery
    icon
    Image / Gallery
  • Video
    icon
    Video player
  • Audio
    icon
    Audio player
  • PDF button
    icon
    Button for open a PDF
  • Color panel
    icon
    Color panel as rectangle/circle
  • Thumbnail gallery
    icon
    Images in normal and thumbnail view
  • WebView
    icon
    HTML sites online or offline
  • Native map
    icon
    Native map from Apple / Google
  • Scrolling Panel
    icon
    Own created scrolling items
  • Image (sub element)
    icon
    Is used in the "Thumbnail Gallery" and "Image / Gallery" for each image.

Navigation

  • Hamburger button / Navigation
    icon
    Site menu
  • Navigation button
    icon
    for link "to page ..."
  • Navigation back button
    icon
    for link "page back"

Form elements

  • Form area
    icon
    Form area
  • Text box
    icon
    Simple text box
  • Multiline Text box
    icon
    Multiline text box
  • Drop-down list
    icon
    Drop-down list for select a value
  • Checkbox group
    icon
    Multiple choice
  • Optionbox group
    icon
    Single choice
  • Submit button
    icon
    Button for send the form
  • Reset button
    icon
    Button for reset the form

Chart

  • Bar chart
    icon
    View a bar chart
  • Pie chart
    icon
    View a pie chart
  • Line chart
    icon
    View a line chart
  • Legend (sub element)
    icon
    Legend
  • x-Axis (sub element)
    icon
    X-Axis
  • y-Axis (sub element)
    icon
    Y-Axis

Table

  • Table
    icon
    Table
  • Table header / column (sub element)
    icon
    Table header / column

DataContainer Table fields

DataContainer Tables can be linked to the content element table. The data fields can be placed in the table columns and configured with styles. All possible field types are listed in the this group.