1. Home
  2. Entwicklung
  3. Benutzerdefinierte Bric Global-Farben

Benutzerdefinierte Bric Global-Farben

Globale Farbfelder können jetzt auf fast jedes Element einer Website angewendet werden. Benutzerdefiniert Brics können auch auf Global Swatches zugreifen, sie werden jedoch unterstützt nicht aktiviert standardmäßig und bedürfen besonderer Beachtung, da sie nur unter bestimmten Umständen funktionieren.

Wie Global Swatches funktionieren

Verwendung globaler Farbfelder CSS-Variablen Farbe auf ein Element anwenden. Wenn die Quellvariable bearbeitet wird, werden alle Elemente, die sie verwenden, aktualisiert.

Bei der Verwendung von Global Swatches in einem benutzerdefinierten Bric ist es wichtig, daran zu denken, dass CSS-Variablen nur funktionieren, wenn sie innerhalb der Haupt-HTML-Rendering-Ebene einer Website aufgerufen werden. Das Einfügen von CSS-Variablen in Javascript oder PHP funktioniert möglicherweise nicht. In diesem Sinne sollten Bric-Entwickler die Farbfunktionalität gründlich prüfen, wenn sie die Global Swatch-Unterstützung für einen Farbraum aktivieren, der in einem Brics Benutzeroberfläche.

Wichtig!

Wenn Sie Farben als Vorlagenwerte speichern, die in externen Ressourcen verwendet werden, ist es unwahrscheinlich, dass globale Farbfelder ordnungsgemäß funktionieren. Global Swatches sollten idealerweise in Ihrem verwendet werden Brics HTML, das auf der Seite vorhanden ist, wenn ein Browser es darstellt.

So aktivieren Sie den globalen Swatch-Support

Standardmäßig wird die Farbfeld-UI-Komponente in allen benutzerdefinierten verwendet Brics hat die globale Swatch-Unterstützung deaktiviert. Das bedeutet, dass beim Öffnen des Farbfeld-Popovers die Registerkarte „Globales Farbfeld“ nicht verfügbar ist.

Um es zu aktivieren, öffnen Sie Ihren Bric im Bric-Baukasten, wählen Sie die Zielfarbe gut in Ihrem aus Brics UI und aktivieren Sie das Kontrollkästchen Global Swatches.

Wichtig!

Durch Aktivieren dieses Kontrollkästchens wird die Funktionalität mit Ihrem nicht sichergestellt Brics Code. Sie müssen sicherstellen, dass der Farbfeldwert innerhalb des Seiten-HTML verwendet wird, damit es richtig funktioniert.

Aktualisiert am 31. Januar 2023

War dieser Artikel hilfreich?

Ähnliche Artikel