Set up List

Where we have got to is that we have a patient list (a configured Listing component), but it is not linked into the App Structure: currently, it will not appear to the user at all.

Let us now start imagining how we want the App to behave.

Perhaps we want a Login screen and then, after Login, we want initially to see a list of all patients.

Also, perhaps we want registration to be a function accessible from the patient list.

Let us make both of these changes now.

Set List as destination of Login transition

First select the Login component in the App Structure, causing the Edit panel on the right to change to be editing the Login component.

Now click on the edit icon to the bottom right, for the "Login" Transition.

In the dialogue which appears, select Patient List from the drop-down of components to replace Main Actions.

Then click Ok.

Now the Main Actions is Unlinked and the Patient List is clearly in the App Structure.

Now to set the Registration Process as what happens when the user wants to "Add" an item to the list.

Select the Patient List in the App Structure so that its Edit Panel appears on the right.
In the Edit panel on the right, select the Transitions tab.
Click the Edit icon showing bottom right in the image below, that is: the one next to "Add- component when user selects to add a patient".

In the dialogue which appears,

click +Add button
then select Patient Registration from the drop-down
click Ok

The App Structure should now look like this, with the Login component as the Start Component, the Patient List as what happens on Login, and the Patient Registration component as what happens when you want to add an item to the list.

Now, if you click devmode update button and login, depending on whether you have already registered patients, you should see something like this.

Notice the "Floating Action Button" in the bottom-right hand corner.

That appears because we attached the Patient Registration component as the "Add" transition (there would be no button showing otherwise).

If you click on the button, the Patient Registration process will start. Now, every time the Patient Registration completes, there will be a new patient showing in the list.

No items found.

Set up List

Where we have got to is that we have a patient list (a configured Listing component), but it is not linked into the App Structure: currently, it will not appear to the user at all.

Let us now start imagining how we want the App to behave.

Perhaps we want a Login screen and then, after Login, we want initially to see a list of all patients.

Also, perhaps we want registration to be a function accessible from the patient list.

Let us make both of these changes now.

Set List as destination of Login transition

First select the Login component in the App Structure, causing the Edit panel on the right to change to be editing the Login component.

Now click on the edit icon to the bottom right, for the "Login" Transition.

In the dialogue which appears, select Patient List from the drop-down of components to replace Main Actions.

Then click Ok.

Now the Main Actions is Unlinked and the Patient List is clearly in the App Structure.

Now to set the Registration Process as what happens when the user wants to "Add" an item to the list.

Select the Patient List in the App Structure so that its Edit Panel appears on the right.
In the Edit panel on the right, select the Transitions tab.
Click the Edit icon showing bottom right in the image below, that is: the one next to "Add- component when user selects to add a patient".

In the dialogue which appears,

click +Add button
then select Patient Registration from the drop-down
click Ok

The App Structure should now look like this, with the Login component as the Start Component, the Patient List as what happens on Login, and the Patient Registration component as what happens when you want to add an item to the list.

Now, if you click devmode update button and login, depending on whether you have already registered patients, you should see something like this.

Notice the "Floating Action Button" in the bottom-right hand corner.

That appears because we attached the Patient Registration component as the "Add" transition (there would be no button showing otherwise).

If you click on the button, the Patient Registration process will start. Now, every time the Patient Registration completes, there will be a new patient showing in the list.

Next Step:
No items found.