Nota
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.
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.
Use Banner to emphasize important information within the app.
Select the banner Type:
Info
Success
Warning
Error
Select the banner Style:
Standard
Outlined
Filled
Enter a Border Width (only available when style is Outlined).
Check Show Icon to show the banner icon
Enter the banner Content. This is the text that is displayed in the banner.
Specify the Color:
Text
Fill
Border (only available when style is Outlined)
Select Save.
Use Divider to add visual division between components of the app.
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.
Use Image to display an image in the app.
Enter the Image URL that links to the image you want to display.
Enter an Image Title.
Select Save.
Use Spacer to create space between other elements in the app.
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.
Customize your Building Blocks with color options available in the configuration panel. To customize the colors of your components, select a Building Block, then select your color options in the Color dropdown. For more information on the color choices and how to change your theme colors, see Themes in App Builder.
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.
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.