This is the multi-page printable view of this section. Click here to print.
Editing Components
1 - Adding a Component
How to ADD a Component to an App
To Add a component to an App, you need to
- Create the Component
- Link it into the Component Flow
1. Create the component
Create the Component via these steps:
-
Click the Add component button
-
Select the type of the component you want to create
-
For some components, you will be asked choose an object type and maybe some other configuration decisions
-
Give the Component a name
Component initially Unlinked
When a Component is first created, it will appear in the UNLINKED COMPONENTS column on the right, as shown here:
2. Link the component into the App
Now you need to Link the new Component into the Component Flow.
There are two ways to do this:
- 2.1 Via drag and drop
- 2.2 By editing the parent Component
2.1 LINK via drag and drop
- Drag the new Unlinked Component from the components column into the Component Flow.
- Drop it onto a component that you want to link it to, or that you want it to be contained by, and the component flow will update to show the new component within the flow. It will no longer appear under “UNLINKED”
2.2 LINK via editing parent component
Alternatively, you can edit the component which you want the new component to be linked to, and add the component there.
2 - Renaming Components
How to RENAME a Component
You can rename a component from within the Component Editor as shown here, where we edit the name of a component from “Patients Listing” to “Patients”
3 - Remove a Component from an App
How to REMOVE a Component
There are two elements to removing a Component
- Unlinking
- Deleting
Maintaining References
Logiak watches out for references for you.
So you may find that you go to delete a component and you can’t. Why? It will be because Logiak knows that component is still used somewhere, and it will usually be able to tell you exactly where.
So Logiak protects you from breaking references you have made.
This is why, here, you can’t just delete any old Component. If the component is linked into the Component Flow, deleting it would result in broken references.
First you have to explicitly Unlink the Component. Then we know it is safe to be deleted.
1. Unlinking
When you remove a Component from the Component Flow, we refer to that as Unlinking the Component.
After a component is UNLINKED, it appears in the Components Column.
From there it can be deleted by clicking on the trash icon which appears to its side.
Check out How to unlink a component.
2. Deleting
Delete a single Component
Once a component is UNLINKED, find the component under UNLINKED COMPONENTS in the Components Column and click on the trash icon
Delete all unlinked Components
There is also a trash icon in the header which allows you to delete ALL currently UNLINKED components.
4 - Component Editor
Component Editor
Clicking on the box in the Component Flow representing the component opens an Editor for that component
A component editor has two panes: an edit pane on the left and a preview pane on the right.
The Edit Pane gives you access to edit functions, appearing in a bottom tabbar
The Preview Pane show an indicative Component Preview only (not functional!)
Tabs in the Component Editor
Tab | |
---|---|
Other components | |
Select how the component is rendered | |
Action buttons, nav drawer, bottom sheet | |
Colors and fonts | |
Container components - control when contained components are visible etc | |
Defining the basis data and filters etc | |
For GALLERY only - which media are included | |
For LISTING only - control what rows look like | |
For examples fields in OBJECT VIEW | |
For INFO |
Navigation is possible within the component editor
Here we navigate from a LISTING to an OBJECT VIEW and back again