Zum Hauptinhalt springen

infoShape

Beschreibung

Optional. Ein Objekt mit Einstellungen zur Steuerung der Informationen, die auf der linken Seite des Booking-Dialogs angezeigt werden

Verwendung

infoShape?: {
preview?: boolean,
category?: boolean,
title?: boolean,
price?: boolean,
details?: boolean
};

Parameter

Das Objekt hat folgende Parameter:

  • preview - (optional) zeigt/verbirgt ein Vorschaubild im Informationsblock (linke Seite) des Booking-Dialogs
  • category - (optional) zeigt/verbirgt einen Kategorienamen auf der linken Seite des Booking-Dialogs (zum Beispiel die Berufsbezeichnung eines Spezialisten)
  • title - (optional) zeigt/verbirgt einen Titel im Informationsblock des Booking-Dialogs (z. B. den Namen eines Spezialisten)
  • price - (optional) zeigt/verbirgt den Preis im Informationsblock des Booking-Dialogs
  • details - (optional) zeigt/verbirgt Details im Informationsblock des Booking-Dialogs

Standardkonfiguration

const defaultInfoShape = {
preview: true,
category: true,
title: true,
price: true,
details: true
};

Beispiel

const infoShape = {
preview: false,
price: false
};

new booking.Booking("#root", {
data,
infoShape,
// andere Parameter
});

Der folgende Ausschnitt zeigt, wie Sie konfigurieren, was auf der linken Seite des Booking-Dialogs angezeigt werden soll:

Info

Sie können auch steuern, welche Felder im Informationsblock des Booking-Dialogs angezeigt werden, indem Sie die Eigenschaft infoTemplate verwenden. Wenn jedoch beide Eigenschaften angewendet werden, überschreibt infoTemplate die infoShape-Einstellungen.

Verwandte Artikel: