• Description
• How to use it
• Settings/Attributes

Description

The Buttons are created in Build.One using the SwatButton object. A SwatButton can be used in Forms to trigger functions. To do this, the button is included in the form designer and connected to the corresponding function.

How to use it

1. Open the form in which you want to insert the button in the Form Designer.
2. Look for the SimpleSwatButton in the Library of Objects
3. Drag and drop it onto your form.
4. Set the Enabled attribute to true (This step makes the button clickable).
5. Rename the button in the Label attribute.
6. Create a function that you want to connect with your button.

Here you find an example for a simple frontend code How-To: Hello World! in TypeScript
7. Save and compile your frontend code with CRTL + S
8. Perform a hard reset of your browser and empty the cache.

This is necessary because there are currently two different compiled versions. After you have created and compiled the new frontend code, the code will be available in Gitpod. However, the browser window still has a version with old cached code. By refreshing, you will pull the latest code into your browser window and then be able to use your function.
9. Got to the attributes of your button and fill in the the function you declared
10. Select the corresponding event e.g. eventClick and declare it in the following way
Copy

#.functionName(eventSource);

Settings/Attributes

Back to Documentation

Back to Home Page