Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Cp card macro
database64/EQbwOsAuCeAOCmEBcEBCBBAcpgogJQgBoIAnAewHcBnZARmOAGMyAbAVwFsA7G4JeiBwCGADwDCQkgBNe_Bo0kzkAbXBQ4iPmiy4CwBgEthAc01I1RoaYCqJFsggALSJFhUkAeg-xHBkQDMWSgA6IUgWISoqAyEuYK54SA8KAwBrAw8pSi4goSkPMMghRkcOeC5IKg8ADgAGAFYAFgAmAHYANlomj0h4Kkhg2C5jAH4AN3gSaLIuAF5aADIOMikDfwMFSAMZgBEw-Hn2gGZaZq7G6qPOxYUS-AA1Sem5xaFYA1mx5ogAX0MpBzAeBSRhdACc8EYAFp4LR_LQoRcpFIoWDLv4oVIzq16u1GgAjeDtRjtIgQWBkaJbGbIWoMNh2QFkqAGcJmCAAZUYJHg5QABKg2AYWKthsz8StoICcBMSNBIL5hnzoGQ2HyEsC-ZAyHzUlxKHyhBK2JA-dz4GEDEqqObylRgr8ALo_YBAAAA

This topic is for application designers who want to create screens, add layouts, bind data to components and change styles.

Fundamentals in 5

Widget Connectoriframe
urlsrchttps://youtu.be/jNdlDz9IWmMwww.youtube.com/embed/jNdlDz9IWmM
width900px
height500px

Overview

There are several stages to designing an application, as outlined in Building Applications. An application provides users with one or more screens, which they use to interact with data.

A screen is made up of:

Live Search
spaceKey@self
additionalnone
placeholderSearch all help pages
typepage

Panel
borderColor#00374F
titleColorwhite
titleBGColor#00374F
borderStylesolid
titleSections on this page

Table of Contents
maxLevel3
indent12px
stylenone


  • a dashboard: the empty screen and properties that you want to apply to the whole screen
  • optionally, dashboard elements: these divide a dashboard and enable components in different parts of it to be bound to different data
  • layouts: combinations of components, such as areas, fields, labels, cards, grids and charts, grouped together to create parts of the screen. Layouts start with container components:
    • areas: can contain any other component
    • forms: designed to contain fields and their labels
    • card-containers: designed to contain cards
  • data-bound components: some components are designed to display data. These are:
    • graphs, charts and grids, which are based on views. These components display stream-items:
      • either individually, for example in a grid
      • or combined into a chart or graph
    •  form fields and cards: show several data points (attributes) for a selected stream-item: 
      • either in the fields on a form
      • or in a card.
Tip

Binding data to components on a screen requires streams, stream-items and attributes to be present; see the Setting Up Data Relationships and Views topic for details.

You can build up your own layouts from individual components. However, we recommend that you simply use ready-made layouts that you can drag from the palette onto a screen. Some layouts, called tiles, are specifically designed to resize and move components in response to changes in screen size and device form; see /wiki/spaces/HELP100/pages/9106726483.

Some layouts or components are designed for user interaction, such as buttons. However, you can configure events, such as user-clicks on part of a screen, to trigger actions. For information about configuring user interaction for screens, see Configuring Actions or Actionflows.

This topic explains how to:

Pages in this Topic

Panel
borderColor#00374F
titleColorwhite
titleBGColor#00374F
borderStylesolid
titleOther pages in this topic

Child pages (Children Display)