Inquiries: Spacer component

What is the Inquiry Spacer component?

Spacer is an Inquiry screen component that adds a spacing block to the screen. You can customize its appearance and define logic that governs when it appears.

spacercomponent_screenshot

The Spacer component adds white space to create separation between elements. For example, you can include a space between a header and body text to provide some “breathing” room or add a spacer between buttons to prevent accidental taps. Spacers help ensure a clean and visually appealing design.

How do you add an Inquiry Spacer component?

  1. Navigate to the Dashboard, and click on Inquiries > Templates.
  2. Find and click on the Inquiry template you want to edit, or Create a new template.
  3. Hover over a screen and click the Pencil icon, or double-click the screen to open it in the Screen Editing View.

component-edit

  1. In the Left panel, search the Component Library for ‘Spacer’.
  2. Drag and drop the Spacer component into your screen, and reposition it by dragging it around.
  3. Click on the Spacer component to open its settings in the Right Panel. The panel has two tabs: Design and Logic.
    1. On the Design tab, use the Layout section to style the component. See the Design tab section on the Screen Step components in Inquiries page for details.
    2. On the Logic tab, add rules that govern when the component appears, and when it does not. See the Logic tab section on the Screen Step components in Inquiries page for details.
  4. Use the actions at the top right of the panel to copy or delete the component.
  5. Close the step. You’ll have to Save and Publish the template to begin using it.

Plans Explained

Spacer component by plan

Startup Program Essential Plan Growth Plan Enterprise Plan
Spacer component Available Available Available Available

Learn more about pricing and plans.

Learn more

Learn more about Inquiries.