- 15 Nov 2022
- 3 Minutes to read
- Updated on 15 Nov 2022
- 3 Minutes to read
The following article is also applicable to SAP Build Apps. Click here to return to the help portal.
Onboarding Part 1 - Intro to Composer Pro
Adding view components
Learn how to build your app's user interface by dragging-and-dropping new components from the component library on the left onto the view canvas in the middle.
Preview on device
Learn how to preview your app on a mobile device
Change text content
Learn how to change view component properties – in this case, the text content of a paragraph.
Edit component styles
Learn how to edit component styles with style classes.
Learn how to add logic to your app with flow functions.
Onboarding Part 2 - Logic & Flow functions
Create logic flows
Learn how to chain multiple flow functions together to create chained logic flows, where flow functions are run one after another.
Use output of previous node in logic
Learn how to use the output of a previous node in the logic chain as input for a subsequent flow function. For example, taking a picture and then using the local filesystem path to the captured photo file.
Create branching logic
Learn how to create branching logic, where different outcomes from a flow function execution can cause your logic to continue on different paths.
Navigate to another page
Learn how to add new pages to your app and navigate to them.
Add a flow function from the Marketplace
Learn how to access the Marketplace, where you can find a growing library of flow functions that give access to integrated native APIs and other functionalities.
Onboarding Part 3 - Variables
These onboarding videos are quick go-through of the key features.
Learn how to use variables, which allow you to store and access dynamic data while your app is running.
Changing variables with logic
Learn how to change variables with flow functions, giving them new values while your app is running.
Two-way bound variables
Learn how Composer's automatic two-way binding works and make an input field change the value of a bound variable when the user types something into it.
Learn how to use page parameters to pass data to a new page that the user navigates to.
Connect the debugger
Learn how to connect the AppGyver Preview app running on your mobile device to the Debugger. This allows you to view and edit your app state in real time, as well as see what events and flow functions get executed in your app.
Onboarding Part 4 - Data resources & REST
Learn how to define a new data resource, define a New type data variable, and create a data record using flow functions.
Learn how to fetch and show a collection of records from a backend, and show them in your app using repeated components.
Show single data record
Learn how to create a details page that fetches a single data record, based on an ID parameter that is passed to it by clicking a list item.
Learn how to update and delete records from your database with flow function logic, as well as how to change the default backend polling logic for your data variables.
Use REST API to list data
Learn how to use a custom REST API integration to fetch a collection of data records and show them on a list in your app.
Onboarding Part 5 - Formulas
Learn how to use formula functions to show dynamic text in your app.
Learn how to do simple math with formulas, including incrementing a numeric page variable when the user taps a component.
Using formula functions
Learn how to use formula functions to go beyond simple math and dynamic text.
Use IF and nested functions
Learn how to use nested formula functions, using the IF function as an example to randomly make item names in a list uppercase or lowercase.
Use sensor variables
Learn how to use sensor variables to access dynamic data from your device sensors.