Configuring a basic component

After adding a basic component to the workspace, it must be configured before it can actually do anything. Configuration of components is different for each component. For specific configuration information for each component type, see the Related Topics.

To configure a basic component, use this procedure:

Click to select the component you want to configure.
App Builder displays the Properties panel for the component.
Optionally (but recommended), assign the component a Component Name.
This name, ideally, helps identify which component it is and gives some idea what it is designed to do. For example, if a button is used to clear another field's contents, you might name the button "Clear Name Field Button".
This name is only used internally to help you identify the component while designing and is not seen by the end user.
If you need to use the component in conjunction with a data service, select the data service from the Data Service drop-down list.
Otherwise, you can leave the Data Service option at {In Context Value}.
On the Properties panel, select the Content tab and make the desired settings for the content to associate with the component.
For the Content settings that are valid for each component, see the applicable "Component settings" topic in the Basic component settings appendix.
On the Interactions tab, create and/or add any interactions required to make the component function as desired.
For the Interactions that are valid for each component, see the applicable "Component settings" topic in the Basic component settings appendix.
On the Style tab, make whatever settings are desired to have the component look and appear the way you want.
In particular, be aware that you can use the Margin setting to "fine tune" the placement of the component in the Flexbox.
For the Style settings that are valid for each component, see the applicable "Component settings" topic in the Basic component settings appendix.