| Cp card macro |
|---|
| data | base64/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
| Iframe |
|---|
| src | https://www.youtube.com/embed/jNdlDz9IWmM |
|---|
| width | 900px |
|---|
| height | 500px |
|---|
|
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 |
|---|
| additional | none |
|---|
| placeholder | Search all help pages |
|---|
| type | page |
|---|
|
| Panel |
|---|
| borderColor | #00374F |
|---|
| titleColor | white |
|---|
| titleBGColor | #00374F |
|---|
| borderStyle | solid |
|---|
| title | Sections on this page |
|---|
|
| Table of Contents |
|---|
| maxLevel | 3 |
|---|
| indent | 12px |
|---|
style | none- 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.
| Iframe |
|---|
| src | https://www.youtube.com/embed/jNdlDz9IWmM |
|---|
| width | 700px |
|---|
| height | 400px |
|---|
|
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 |
|---|
| titleColor | white |
|---|
| titleBGColor | #00374F |
|---|
| borderStyle | solid |
|---|
| title | Other pages in this topic |
|---|
|
| Child pages (Children Display) |
|---|
|