Inquiries: Container component

What is the Inquiry Container component?

Container is an Inquiry screen component that adds a layout element used to group and organize other components to the screen. You can customize its appearance and define logic that governs when it appears.

containercomponent_screenshot

A Container component helps structure content by controlling alignment, spacing and styling. Containers can be used to manage the overall layout of a screen.

There are two types of Container:

  • A standard Container groups and organizes other components, controlling their alignment, spacing, and styling.
  • A clickable Container does the same, but it is also interactive: when a user clicks anywhere inside it, it triggers a transition, similar to a Button. Turn on the Clickable toggle in the Container’s Properties to make it clickable.

How do you add an Inquiry Container 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 ‘Container’.
  2. Drag and drop the Container component into your screen, and reposition it by dragging it around.
  3. To customize the Container component you can drag and drop any component. For example, if you want to add important links you can drag and drop a Text component into the Container.
  4. Click on the Container component to open its settings in the Right Panel. The panel has two tabs: Design and Logic.
    1. On the Design tab, under Properties, use the Clickable toggle to make the Container clickable. When enabled, set a Transition. This defines what happens when users click the Container. The transition target cannot be changed after the template has been saved: you can only delete it and create a new one. You can choose between two types: Screen and Action Sequence.
      1. Screen transition allows the screen to change to a different screen when the Container is clicked. Click the Screen dropdown menu to select the transition screen. You will see a list of available screens from your Inquiry.
      2. Action Sequence transition uses an action sequence to determine the next screen. Action Sequences run logic within an Inquiry to determine which screen to show users based on specific conditions. Click the Action Sequence dropdown menu to select the sequence.
        1. Action Sequence Error Screen: If your Action Sequence fails for any reason, users will be routed to this screen. Click the Action Sequence Error Screen dropdown menu to select the error screen.
    2. On the Design tab, use the Layout and Appearance sections to style the component. See the Design tab section on the Screen Step components in Inquiries page for details.
    3. 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.
  5. Use the actions at the top right of the panel to copy or delete the component.
  6. Close the step. You’ll have to Save and Publish the template to begin using it.

Plans Explained

Container component by plan

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

Learn more

Learn more about Inquiries.