Decsoft App Builder TUTORIAL
Uploaded by
ScribdTranslationsDecsoft App Builder TUTORIAL
Uploaded by
ScribdTranslationsTUTORIAL Decsoft App Builder
In this tutorial, you will build an application to manage users, containing a list of
user names and email addresses, along with contact details and photographs.
Note: you must ensure that you can connect to a data service before
proceed with this tutorial. See Creating data services for more information.
On the panel, select + New project.
Insert 'User Management' in the Project Name field and, optionally, enter a
description.
Select the two-column template and click Create.
Click inside the screen and select AppPanel in the current location menu at the bottom of the
fabric.
Select Dataservice Ming.le - Get current user in Dataservice menu.
In the Interactions tab, select 'Application'. 'On startup' as the trigger event.
Click on the + icon and drag and drop the List component into the left column of the screen.
The first line is the header and the second line is the first item in the list.
Click inside the list component to open Properties.
Select the service to get newly registered users from the menu.
This applies a single data service to all the content of the flexbox.
Select the Content tab and enter 'All Users (email)' in Display Value.
Select the Interactions tab.
Change the Trigger Event to 'AppPanel'. 'Dataservice has Run'
Edit the Data Key Mapping so that userGUID retrieves its values from 'no Valor'
of Contexto". "UserGUID"
Now, you want to split the right flexbox into two.
Click inside the flexbox to open Properties.
Click on the Content tab and then Add row.
Click the + icon and drag and drop the Guides component into the bottom right flexbox.
Click inside the Tabs component to open Properties.
In the Content tab, click on Tab 1 next to the arrows (< >), specify 'User Details'
enter the new name and click on SAVE.
Repeat with tab 2 and rename it as 'User Permissions'.
To delete tabs 3 and 4, click on the tab name and then click on DELETE.
Click the + icon and drag and drop the TextBox component into the 'User Details' tab.
Click inside the text box to open Properties.
Insert UserId in the placeholder display value.
Continue to add text boxes and display names for these fields:
Username
First name
Last name
Click on the 'User Details' tab to open the Properties.
Select the data service in the menu.
You can select Get newly registered users or any other data service.
created.
Click on the + icon and drag and drop the Button component below the final text box.
Click the button to open Properties.
Select the Content tab and enter 'Save' in Display value.
As before, select a data service or create and map a new one.
Click on the 'User Permissions' tab to open the Properties.
Select the data service from the menu.
You can select Get newly registered users or any other data service
created.
Click on the + icon and drag and drop the Radio Button component below the text box.
final.
Click the radio button to open Properties.
Insert 'APPBUILDER-Administrator Placeholder Display Value.
Continue to add option buttons and display names for these fields:
APPBUILDER-Designer
APPBUILDER-User
DATA-Administrator
GRID-Administrator
HOMEPAGES-Administrator
HOMEPAGES-ContentAdministrator
HOMEPAGES-User
INFOR-SuiteUser
INFOR-SystemAdministrator
Click the + icon and drag and drop the Image component into the new flexbox.
Note: The image component will fill the entire flexbox. To reduce the image, increase
the filling.
Click on the image to open Properties.
Select the data service from the menu.
You can select Get newly registered users or any other data service
created.
Optionally, use the slider on the right side of the screen to emulate the appearance of
application on a mobile device.
Click on Start to see what the app would look like for the end user.
When you are satisfied with the final design and all data services are
connected, return to the panel, select the project and click on Publish.
The newly created app is now available for use on the App H.