Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Step-by-step guide


Create user actions: switch screens, change data and make API calls

React to user actions

Assign any platform actions to any app user actions:


USER ACTIONS that can be processed by platform

PLATFORM ACTIONS assignable to user actions

Button click[Step by step example →]

Go to screen - redirect user to another app screen, back to previous screen or to external URL.

Image click[Step by step example →]

Scroll to - scroll to top / bottom of the current screen.

Link click[Step by step example →]

Create Event - save files and data using Hashtags as Event in the platform events table. [Step by step example →]

App screen refresh[Step by step example →]

Save to Object column - store data using Hashtags in Object's particular column. [Step by step example →]

Execute Operations - execute selected operation on button click. [Step by step example →]

Set Variable - create variable on button click. Variables store temporary data which can be used in other parts of the platform via Hashtags links. [Step by step example →]


______________________________________________

ADD ACTIONS TO BUTTONS, IMAGES & LINKS
  1. Open any app you have

  2. Add Button, ImageorLink element to an app screen

  3. Click on it on the screen

  4. Click Actions button on the right hand side

  5. Select the necessary action from Add new action dropdown.

Image Modified

____________________________

ADD ACTIONS TO SCREENS
  1. Mouse over any of User screens on the bottom of Constructor

  2. Select Edit screen settings by clicking the penImage Modified

  3. Click Actions button on the right hand side on Constructor screen

  4. Select the necessary action from Add new action dropdown.

__________________________________________

CREATE EVENT AND SAVE RELATED DATA

In this example we createText Input andButton which saves the data from the text input to Event.

How to set it up:

  1. Open any app you have and click Add screen

  2. Drag and drop Text Input element, set properties:

    • Backendname = Email

    • Placeholder = Enter your Email

  3. Drag and drop another Text Input element, set properties:

    • Backendname = Question

    • Placeholder = Enter your question

  4. Add Button element to app screen, set properties:

    • Backendname = Contact

    • Caption Button = Contact me

  5. Click Actions button on the right hand side

  6. Select Create Event from Actions dropdown

  7. Name the action as Contact Action

  8. In Data table click Add item and set:

    • Key = Email

    • Value = #Backendname:Email#

  9. Click Add Item and add another pair:

    • Key = Question

    • Value = #Backendname:Question#

Image Modified
  1. Click Save

  2. Click Save Screen

  3. Click Preview to launch the app from the current screen

  4. Fill in Text Input and submit the data

  5. Get back to Constructor

  6. Check the data stored in Events:

    • Click on Backend in the header to get to Events table

    • Click on the row with the last event

    • Check your data in Contact action section.

Image Modified

_____________________________________________________

SAVE DATA TO CURRENT OBJECT ON BUTTON CLICK

In this example we create Text input and Button which saves the data from text input to Name and Email columns in Objects.

How to set it up:

  1. Open any app you have and click Add screen

  2. Drag and drop Text Input elements, set properties:

    1. Backendname = Name

    2. Backendname = Email

  3. Add Button element to app screen, set properties:

    1. Caption button = Send

  4. Click Actions button on the right hand side

  5. Select Save to Object Column action from Actions dropdown

  6. In Data table click Add item and set Column name and Value data:

    1. Name = #Backendname:name#

    2. Email = #Backendname:email#

  7. Click Save

  8. Click Save Screen

Image Modified

9. Click Preview to launch the app from the current screen

10. Fill in Text Input and submit the data

Image Modified

11.Get back to Constructor

12. Click Objects in the header to check the data stored in Object table.

Image Modified

______________________________________________

EXECUTE API OPERATION ON BUTTON CLICK
  1. Pick Execute Operations from Add new action dropdown list

  2. Pick an existing оperation from Add operation drop down list.

  3. Click Save

  4. Click Save Screen.


Note: you need to create the operation before calling it. Please refer to Use any external & internal API article for more info.

Image Modified

______________________________________________

SET PLATFORM VARIABLE ON BUTTON CLICK

Variables store temporary data which can be used in other parts of the platform via Hashtags links.

  1. Drag and dropButton element to any screen you have

  2. Click Actions button on the right hand side

  3. Pick Setvariable from Add new action dropdown list

  4. Click Add item under the Variables label

  5. Name your variable

  6. Use any combination of Hashtag link to set the variable's value

  7. Add as many Name/Value pairs as you need. Add Item button will appear each time you add and fill in Name/Value fields.

  8. Click Save

  9. Click Save Screen.

Image Modified

Please, check Variables article for more info.

MENTIONED ARTICLES








Info

Content by Label
showLabelsfalse
max5
spacesKB
showSpacefalse
sortmodified
reversetrue
typepage
cqllabel = "kb-how-to-article" and type = "page" and space = "KB"
labelskb-how-to-article

...

Page properties
hiddentrue


Related issues