So erstellen Sie ein SharePoint-Formular mit farbcodierten Registerkarten Kostenlose 30-minütige Beratung anfordern

Geschäftliche Anforderungen

Wir haben eine Kundenanfrage, die Registerkarten des Formulars mit einer benutzerdefinierten Farbe zu kodieren, um sie an das Firmendesign anzupassen.

Verwendete Virto Software-Komponenten

Virto SharePoint Forms Designer.

Zusammenfassung der Lösung

Virto SharePoint 2013 und SharePoint Online Formulare können mit css-Farbkodierung erweitert werden, indem benutzerdefinierter Code im css-Editor verwendet wird. Sie müssen den folgenden Code im css-Editor eingeben und das Formular speichern.

SharePoint forms with color-coded tabs

.bootstrap-scope .nav-tabs { border-radius: 10px 10px 0px 0px; width: 100%; background: #00aeef; } .bootstrap-scope .nav-tabs>li { border-radius: 10px; margin-top: 5px; } .bootstrap-scope .nav-tabs>li:first-child { margin-left: 5px; } .bootstrap-scope .nav-tabs>li>a{ color:#fff; } .bootstrap-scope .nav-tabs>li>a:hover{ color:#000; } .bootstrap-scope .nav-tabs>li.active>a{ color:#000; } .bootstrap-scope .nav-tabs>li>a{ -moz-border-radius-topleft: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; border-top-right-radius: 10px; border-top-left-radius: 10px; } In diesem Beispiel wird die blaue Hintergrundfarbe #00aeef verwendet. Sie können die Hintergrundfarbe und die Textfarben auch ändern. Jetzt haben Sie die farbcodierten Registerkarten in Ihrem SharePoint-Formular.

SharePoint forms with color-coded tabs

Find more useful information on the Virto SharePoint Forms Designer and Virto SharePoint Online Forms Designer pages. Weitere nützliche Informationen finden Sie auf den Seiten Virto SharePoint Forms Designer und Virto SharePoint Online Forms Designer.

Verwandte Produkte:
Clipboard with checklist items and cloud icon symbol

|

Checklist document icon with checkboxes and lines on teal background

| | Office 365 Forms Designer | SharePoint Forms Designer |