CSS für rechtsläufige Sprachen in Portalen

  • Freigeben Version: Washingtondc
  • Aktualisiert 1. Februar 2024
  • 1 Minute Lesedauer

    • Sie können die Generierung von CSS für von rechts nach links geschriebene Sprachen mit verschiedenen Methoden steuern.

    Basissystemportale mit Ausnahme von Serviceportal (/sp) und benutzerdefinierte Portale erfordern möglicherweise eine zusätzliche CSS-Anpassung, um die Richtung eines Portals für linksläufige Sprachen vollständig zu spiegeln.

    Benutzerdefinierte Widgets erfordern möglicherweise eine manuelle Konvertierung für Sprachen, die von rechts nach links geschrieben werden.
    • Verschieben Sie Inline-Stile in der HTML-Vorlage eines Widgets in das CSS des Widgets, damit sie automatisch konvertiert werden.
    • Für interne Stile in der HTML-Vorlage eines Widgets können Sie die Attributauswahl [dir=”rtl”] oder die .rtl -Klassenauswahl verwenden, um CSS bereitzustellen, das spezifisch für rechtsläufige Sprachen ist.
    • Um CSS einzubeziehen, das spezifisch für von rechts nach links geschriebene Sprachen ist, können Sie die Methode isRTLEnabled() in der Klasse GlideSPScriptable - Scoped im Serverskript eines Widgets aufrufen oder die globale Kennzeichnung g_portal_isrtl im Client-Skript des Widgets verwenden.

    Außerdem können Sie im Design-, Seiten-, Widget- oder Widget-Instanz-CSS den CSS-Eigenschaften Direktiven von rechts nach links hinzufügen, indem Sie eine Sass-Interpolationszeichenfolge (#{""}) verwenden.

    Tabelle : 1. CSS-Anweisungen für von rechts nach links geschriebene Sprachen
    Rechts-nach-links-CSS-Anweisung Beschreibung
    /*rtl:ignorieren*/ Ignoriert die Eigenschaft beim Konvertieren von Portal-CSS für rechtsläufige Sprachen.
    /*rtl:prepend:10px*/ Fügt einen Wert am Anfang des Eigenschaftswerts für rechtsläufige Sprachen hinzu. In diesem Beispiel wird 10px vorangestellt.
    /*rtl:append:3rem*/ Fügt einen Wert am Ende des Eigenschaftswerts für rechtsläufige Sprachen hinzu. In diesem Beispiel wird 3rem angehängt.
    /*rtl:replace:30px*/ oder /*rtl:30px*/ Ersetzt den Eigenschaftswert durch den angegebenen Wert für rechtsläufige Sprachen. In diesem Beispiel wird der Eigenschaftswert durch 30pxersetzt.
    /*rtl:insert:25px*/ Fügt den angegebenen Wert anstelle der Direktive für rechtsläufige Sprachen ein. In diesem Beispiel wird 25px eingefügt.

    Ignorieren Sie die Transformationseigenschaft im konvertierten CSS von rechts nach links

    .fl {
transform: rotate(45deg) translateY(5px) #{"/*rtl:ignore*/"};
}