Parent Resource Selection
This step allows the user to select a Resource to be used during the booking process.
This step must be present when using the Reservation mode of the Frontend Builder.
It can be omitted when using the Sign-up mode.
If you do not want this step to be displayed, you can pre-populate the Parent Resource. When a Parent Resource is pre-selected, this step is automatically hidden and skipped.
Step Configuration
Types to display
Select the resource types that should be available for selection by the user.
When a Parent Resource is added under Parent Resources to Display, the type of that Parent Resource is automatically handled by the system. You do not need to manually add the parent resource’s type to the Types to Display configuration.
Only resources that are marked as API visible will be displayed to the user.
Parents of the resources to display
This section allows you to select the parent resources whose child resources should be shown to the user.
The parent resources themselves are not shown.
Only the child resources of the selected parents are displayed.
Only resources that are marked as API visible will be displayed to the user.
Example
Below is a simple example with a single parent selected.
.png?inst-v=6b57aea1-1311-4c3b-b693-bca146719618)
Resources as configured in GoMeddo's Resources & Types configuration page.
Parent Resource selected:
develop-2001Types to display: (configured appropriately)
With this setup, the user will be able to choose between:
Sample Resource 1Sample Resource 2
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.
Card Element | Purpose |
|---|---|
Title | The main title displayed on the card. |
Subtitle | Secondary text displayed between the title and the description. |
Description | Descriptive text shown on the card. |
Image | A URL pointing to an image that will be displayed on the card. |
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.
Setting | Purpose |
|---|---|
Max Image Width | The maximum width the image can occupy within the card. |
Cards Per Row | The maximum number of cards displayed in a single row. |
Min Card Width | The minimum width a card is allowed to have. |
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:
2Min Card Width:
700pxAvailable 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.