This is the multi-page printable view of this section. Click here to print.

Return to the regular view of this page.

Editing Components

Editing components in Logiak

1 - Adding a Component

Components in Logiak

How to ADD a Component to an App

To Add a component to an App, you need to

  1. Create the Component
  2. 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:

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
  • 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”

Alternatively, you can edit the component which you want the new component to be linked to, and add the component there.

2 - Renaming Components

Renaming Components in Logiak

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

Components in Logiak

How to REMOVE a Component

There are two elements to removing a Component

  1. Unlinking
  2. Deleting

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

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.

Edit Pane

The Edit Pane gives you access to edit functions, appearing in a bottom tabbar

Preview Pane

The Preview Pane show an indicative Component Preview only (not functional!)

Tabs in the Component Editor

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

Here we navigate from a LISTING to an OBJECT VIEW and back again