Concepts and Use Cases
Last updated
Was this helpful?
Last updated
Was this helpful?
In this Module, we present some important UI-related concepts to be familiar with. The main usage areas of each of them are explained, and we also provide a link to relevant articles as well as examples in Showroom.
We assume familiarity with all topics of the Appfarm Fundamentals module .
The Container is a multi-purpose UI Component. In fact, it's a <div> tag in HTML. First of all, it is used to divide the view into sections and control margin & alignment. It may also be used to create custom buttons or styling elements, and it may be used to create slidable lists/tiles or repeating constructions such as rows, tiles or multidimentional matrices (such as a calendar). All scroll settings are done on the Container as well.
Articles:
including info on Scroll and Hover and File-drop
Showroom examples:
(or to anchor)
You may use the Container to create custom multidimentional tables, such as a Calendar or Data grids with repeating columns. You may also change the iteration variant of the container to allow for Swipeable lists or Recursive tree structures.
Articles:
Showroom examples:
Drag & Drop is a nice feature in some contexts, such as when creating a Trello-like kanban.
Articles:
Showroom examples:
using Containers
Example of File drop in Showroom on the example and the example