Components in App Builder
Note
App Builder is a new and evolving product available with the Alteryx Analytics Cloud Platform. Functionality is subject to change without notice as we continue to refine and enhance your experience. We appreciate your understanding and welcome your feedback on Alteryx Community as we continue to improve App Builder!
Add content to the app using Component elements.
Add and Remove Component Elements
To add a component element to the canvas, drag and drop the element from the Building Blocks palette inside a container on the canvas.
To remove a component element, select the element to highlight it, and then select the trash icon.
Banner
Use Banner to emphasize important information within the app.
Configure the Element
Select the banner Type:
Info
Success
Warning
Error
Select the banner Style:
Standard
Outlined
Filled
Check Show Icon to show the banner icon.
Enter the banner Content. This is the text that is displayed in the banner.
Select Save.
Divider
Use Divider to add visual division between components of the app.
Configure the Element
Select the Stroke Width. This determines the width of the divider.
Select the Stroke Style:
Solid
Dashed
Select the divider Color.
To resize the divider on the canvas, select the corner of the divider element and drag to resize.
Select Save.
Image
Use Image to display an image in the app.
Configure the Element
Enter the Image URL that links to the image you want to display.
Enter an Image Title.
Select Save.
Spacer
Use Spacer to create space between other elements in the app.
Configure the Element
Select the Color for the background of the spacer element. The default color is transparent.
To resize the spacer on the canvas, select the corner of the spacer element and drag to resize.
Select Save.
Spacing
Set custom spacing for your Building Blocks in App Builder. Enter the number of pixels to add a margin to the Top, Bottom, Left, and Right sides of your element.
Conditional Logic
Add conditional logic for elements, which determines whether the element is displayed:
Select a variable for OnlyDisplay If.
Select an Operator.
Select a Value, which is the value stored by the variable until changed by a Set Variables tool.