Handbuch:Erweiterung/BlueSpicePageTemplates/Anpassung: Unterschied zwischen den Versionen

Keine Bearbeitungszusammenfassung
Keine Bearbeitungszusammenfassung
Zeile 1: Zeile 1:


Wenn Sie die Seitenvorlagen als Kartenlayout anzeigen lassen möchten, können Sie das über eine CSS-Anpassung erreichen.
Wenn Sie die Seitenvorlagen als Kartenlayout anzeigen lassen möchten, können Sie das über eine CSS-Anpassung erreichen.
{{Hinweisbox|boxtype=Hinweis|icon=|Note text=Ab BlueSpice 4.2 werden Seitenvorlagen automatisch als Karten angezeigt und diese Anpassung ist nicht mehr notwendig.|bgcolor=}}
==Angepasstes Layout für die Vorlagenauswahl==
==Angepasstes Layout für die Vorlagenauswahl==
[[Datei:Handbuch:angepasste Seitenvorlagenauswahl.png|alternativtext=angepasste Seitenvorlagenauswahl (Screenshot aus einem englischsprachigen Wiki)|zentriert|mini|750x750px|angepasste Seitenvorlagenauswahl (Screenshot aus einem englischsprachigen Wiki)]]
[[Datei:Handbuch:angepasste Seitenvorlagenauswahl.png|alternativtext=angepasste Seitenvorlagenauswahl (Screenshot aus einem englischsprachigen Wiki)|zentriert|mini|750x750px|angepasste Seitenvorlagenauswahl (Screenshot aus einem englischsprachigen Wiki)]]

Version vom 28. Juli 2022, 16:10 Uhr

Für Cloud-Kunden, deren Instanz auf BlueSpice Version 5 läuft: Bitte wechseln Sie zum BlueSpice 5 Helpdesk.

Wenn Sie die Seitenvorlagen als Kartenlayout anzeigen lassen möchten, können Sie das über eine CSS-Anpassung erreichen.

Hinweis:Ab BlueSpice 4.2 werden Seitenvorlagen automatisch als Karten angezeigt und diese Anpassung ist nicht mehr notwendig.


Angepasstes Layout für die Vorlagenauswahl

angepasste Seitenvorlagenauswahl (Screenshot aus einem englischsprachigen Wiki)
angepasste Seitenvorlagenauswahl (Screenshot aus einem englischsprachigen Wiki)


Fügen Sie einfach folgende CSS-Angaben zur Seite MediaWiki:Common.css hinzu (Admin-Rechte erforderlich):

/** Angepasste Seitenvorlagenauswahl **/
.bs-pt-sect {
    margin-top:1em
}
.bs-pt-subsect h3 {
    margin:0 0.8em;
}
.bs-pt-items {
    margin-left: 0;
    display: flex;
    flex-flow: row wrap;
    position: relative;
}
.bs-pt-item {
    position: relative;
    word-wrap: break-word;
    background-color: #e9e9ee;
    margin: 1.16%;
    width: 31%;
    border-radius: 5px;
    padding:20px 12pt
}
.pt-desc  {
    margin-left:1.1em
}
@media only screen and (max-width: 576px) {
 .bs-pt-item  {
    width:100%}
}




Feedback zur Dokumentation ist im Community-Forum möglich.