Reservation Selection

This step allows you to configure the filters that determine which Reservations are shown to users for sign-up.

This step is available only in Sign-Up mode.

Step Configuration

Activity Filters

This section contains the Future Bookable Days setting.

Reservation Types

This section allows you to configure which Reservation Types should be displayed to users.

• Reservation Types can be added by clicking the Add Reservation Types button.

• Each Reservation Type must be associated with a Blueprint of your choosing.

Only Reservations with one of the selected Reservation Types will be shown to the user.

Reservation Statuses

This section allows you to control which Reservations are shown based on their Status.

This is useful for filtering out Reservations that are no longer bookable.
For example, a Reservation may transition from an initial status such as Open to Fully Booked once it reaches capacity. By not adding the Fully Booked status on this list, such Reservations will no longer be shown to users.

Layout Configuration

Card Layout

Steps that are based on user selection such as Blueprint Selection, Parent Resource Selection and Dimension Selection support customization of the card layout.

The card layout defines how selection cards are displayed to the user, enabling you to adjust their structure and presentation to better match your design requirements.

Card Data Fields

You can configure which Salesforce fields are used to populate the content displayed on selection cards. This allows you to control exactly which information is presented to the user for each selectable item.

If no field is specified for a Card Element, that element will not be rendered on the card.

Images are an exception: if no image field is configured, an empty image placeholder will be displayed. If you do not intend to display images on selection cards, it is recommended to use the Text Only layout to avoid empty placeholders.

Additional Fields

In addition to the main card elements, you can configure additional fields to be displayed below the card description.

• Each additional field is rendered on its own line.

• The label associated with each additional field can be customized.

This allows you to add extra contextual information without overcrowding the main card content.

Card Settings

This section allows you to customize the size of the cards and their individual elements.

Responsive Behavior

The Cards Per Row and Min Card Width settings are closely related. The Frontend Builder uses a fully responsive layout to ensure content is displayed clearly and elegantly across all screen sizes and container widths.

If there is not enough horizontal space to meet both constraints, the system will automatically reduce the number of cards per row.

On mobile devices, the layout automatically switches to Picture on Top to ensure an optimal viewing and interaction experience.

Example:

• Cards Per Row: 2

• Min Card Width: 700px

• Available container width: 1000px

In this case, only one card per row will be displayed, as two cards with a minimum width of 700px cannot fit side by side within the available space. To display two cards per row, either the container width must be increased or the Min Card Width must be reduced.

Max Image Width Guidelines

The Max Image Width setting controls how much horizontal space the image occupies within the card.

• The value cannot exceed the configured Min Card Width.

• Choose a width that leaves enough space for textual content, so the card does not appear visually constrained.

• This setting also indirectly controls the image aspect ratio:

  • Smaller widths are better suited for portrait images.

  • Larger widths are better suited for landscape images.