Mit dem Makro "Bootstrap Visuals" können beliebte visuelle Bootstrap-Objekte für die Erstellung und das Design der Confluence-Seiten verwendet werden. Mehr Infos zum Makro ...

Topics

Verfügbare Makros

Beispiel - Seite "Mein Weblayout" 

Verfügbare Makros

ObjektBeschreibungBeispielLink
Alert BoxDie Alert Box ist ein Panel. Stil und Titel können im Makro direkt definiert werden. Der Inhalt wird unterhalb des Titels angezeigt.

BadgeDas Badge sieht ähnlich wie eine Pille aus. Stile und Größen können im Makro definiert werden und es kann auch mit einer Überschrift oder einer Bootstrap-Schaltfläche kombiniert werden.

Example Mein Text

ButtonKlassischer Web-Buttonstil. Stile und Größen können im Makro definiert werden und das Makro kann auch mit einer URL verknüpft werden.

Button GroupDas Makro enthält einen Container für andere Bootstrap-Schaltflächen. Die Schaltflächen werden dann in einer horizontalen oder vertikalen Reihenfolge angezeigt und aneinander ausgerichtet.

CalloutCallouts sind Inhaltsblöcke, die wichtige Informationen hervorheben sollen. Sie haben eine einfache Struktur, Kopfzeile und Body.

Wichtige Info

Mein Text

Card

Das Makro beinhaltet mehrere Abschnitte, welche je nach Bedarf ein-/ausgeblendet werden können:

  • Bild
  • Überschrift
  • Titel der Karte
  • Subtitel der Karte
  • Text
  • Footer

Meine Karte

Titel der Karte

Subtitel der Karte

Mein Text 

Footer


Jumbotron

Das Makro platziert einen großen grauen Block auf einer Seite. Der Block kann mit einem Titel und etwas Text befüllt werden, getrennt durch eine horizontale Linie.

Das Makro übernimmt die Breite des übergeordneten Objekts. Wenn das Makro nicht in einem kleineren Layoutabschnitt oder Div-Block platziert ist, erstreckt sich das Makro über den gesamten Inhaltsbereich.

Meine Überschrift

Mein Text


List Group ItemSchaltflächenähnliches Element. Jedes Element kann nur ein einfacher Text oder ein Link zu einer URL sein. Jedes Element kann einen Status haben (Standard, Aktiv oder Deaktiviert) und in einem der Bootstrap-Stile angezeigt werden.

  • Mein Item 2

    • List Group

    Eine Listengruppe fasst eine Gruppe von schaltflächenähnlichen Elementen vom Typ "List Group Item" in einer vertikalen (Standard) oder horizontalen Anordnung zusammen. 

    Um eine Listengruppe auf Ihrer Seite zu platzieren, benötigen Sie zwei Makros, das Makro "Listengruppe" und ein oder mehrere Makros "Listengruppen-Element", die Sie innerhalb des Makrokörpers der Listengruppe platzieren müssen.

    • Mein Item 1

    • Mein Item 2


    PanelDas Bootstrap-Panel basiert auf einer Panel-Form mit einem Textkörper. Es können Farben für den Text, den Hintergrund sowie den Rahmen definiert werden. Ebenso kann ein Rahmenradius festgelegt werden. Dem Panel können eigene, externe CSS-Klassen gegeben werden und darüber hinaus können sogar eigene Stile definiert werden.

    Mein Text


    Progress BarMit dem Fortschrittsbalken kann die visuelle Darstellung des Fortschritts dargestellt werden. Die Breite, die Farbe, der Stil sowie der Prozentsatz der Fertigstellung können gewählt werden.


    Spacer

    Das Makro fügt einer Seite einfach etwas vertikalen Raum hinzu. Die Standardhöhe beträgt 20 Pixel, welche beliebig angepasst werden kann.

    Text vor dem Spacer

    Text nach dem Spacer

    SpinnerDas Makro ist ein animierter "Ich bin beschäftigt"-Indikator. Das Makro kann auch für andere visuelle Zwecke verwendet werden.

    Beispiel - Seite "Mein Weblayout"

    Beispiel

    Ziel: Eine Seite "Mein Weblayout", die einige Elemente einer klassischen Webseite enthält und wie folgt aufgebaut ist:

    • Topmenü mit den Optionen "Obst" und "Gemüse"
    • Textbereich unter dem Topmenü
    • Die Obstsorten "Äpfel", "Birnen", "Trauben", "Orangen", "Kiwis" mittels einer Karte bildlich darstellen und kurze Infos pro Obstsorte geben
    • Ein Infobereich unterhalb mit den detaillierten Informationen zu "Obst"

    • Keine Stichwörter