FAQ Styling

Ein Bearbeiten-Symbol (Stift) neben bereits beantworteten Fragen schafft Orientierung und erleichtert den Nutzern, einzelne Schritte gezielt zu ändern.

Kopiere den Code in Deine CSS Maske, um den Stift zu erhalten. Der Code beinhaltet einen standard Link, der das Stift Icon darstellt. Wenn Du ein anderes Icon als Stift haben willst, ersetze den Link durch Deinen eignen.o

#foxbase-selector .app-questionnaire-navigation-item::before {

    content: url(https://cdn.foxbase.de/Doku/images/Bearbeiten.png) !important;

    position: absolute !important;

    background: transparent !important;

    left: 0px !important;

}

#foxbase-selector .app-questionnaire-navigation-item--on-path {

    padding-left: 20px !important;

}

Klicke in der linken Navigation auf “Result Page”. Danach wählst Du durch die Tab-Auswahl je nach Wunsch “Top Sections”, “Bottom Sections” oder “Product Sections”.

Füge oben rechts über das Drop Down das Element “CTA to external Link” hinzu. Diese Buttons kannst Du von andere Call to Actions absetzen. Als Beispiel kannst du folgenden CSS Befehl in die CSS Maske kopieren:

#foxbase-selector .mdc-button--raised.secondary {

border: var(--mdc-theme-primary) solid 2 px !important;

background-color: white !important;

color: var(--mdc-theme-primary) !important;