Versions Compared

Key

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

This topic covers creating screens, adding components, binding data to components and changing styles.

Overview

There are several stages to designing an application, as outlined in Building Applications. This topic explains how to:

  • lay out the screens using the components provided in the palette
  • use data to create components
  • bind existing components to data
  • change the styling of components.


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

Table of Contents
maxLevel3
indent12px
stylenone


Usually When you design an application screen has some combination of, you are combining components to:

  • display multiple data records
    • either individually, for example
    grid, chart, graph or in cards.
  • selected data records, for example a set of fields (form) or card
  • fields for user interaction and their lables
  • buttons
  • menus and navigation

When it comes to creating actions, you can wire actionflows to different components on the screen

  • button - on-click - action, such as update or delete
  • default double-click action on a data view, such as a grid. such as open recorcd.
When you open an existing screen, it is locked by default. This means the screen cannot be edited, for example by selecting or moving componentss. In design mode, right click on the screen area to unlock it. The previous locked status is remembered when switching back to design mode from app mode. To test buttons and actions that you have configured for a screen, you must switch to  Insert excerpt_app_mode_app_modenopaneltrue.
    • in a grid
    • or combined into a chart or graph.
  • show several data points for a selected record,
    • either in the fields on a form
    • or in a card
  • display a selected record in form fields, for the user to update data
  • have clear actions for the user, for example by adding buttons
  • provide menu options and navigation
See also

Links

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

Child pages (Children Display)