CSS für von rechts nach links verlaufende Sprachen in Portalen

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

Basissystemportale neben Serviceportal (/sp) und anwenderdefinierte Portale benötigen möglicherweise eine zusätzliche CSS-Anpassung, um die Richtung eines Portals für von rechts nach links verlaufende Sprachen vollständig zu spiegeln.

Anwenderdefinierte Widgets müssen möglicherweise manuell konvertiert werden, um Sprachen von rechts nach links zu konvertieren.

• Verschieben Sie für Inline-Stile in der HTML-Vorlage eines Widgets diese Stile in die 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 Sprachen ist, die von rechts nach links geschrieben werden.
• Um CSS einzubeziehen, das für von rechts nach links geschriebene Sprachen spezifisch 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 CSS für Design, Seite, Widget oder Widget-Instanz von rechts nach links gerichtete Anweisungen zu CSS-Eigenschaften nur mithilfe einer Sass-Interpolationszeichenfolge (#{""}) hinzufügen.

Tabelle : 1. CSS-Anweisungen für Sprachen, die von rechts nach links verlaufen

CSS-Anweisung, die von rechts nach links läuft	Beschreibung
/*rtl:ignore*/	Ignoriert die Eigenschaft beim Konvertieren von Portal-CSS für Sprachen, die von rechts nach links laufen.
/*rtl:prepend:10px*/	Fügt einen Wert am Anfang des Eigenschaftswerts für Sprachen hinzu, die von rechts nach links verlaufen. In diesem Beispiel werden 10 pxvorangestellt.
/*rtl:append:3rem*/	Fügt am Ende des Eigenschaftswerts für Sprachen, die von rechts nach links laufen, einen Wert hinzu. In diesem Beispiel wird 3remangehängt.
/*rtl:replace:30px*/ oder /*rtl:30px*/	Ersetzt den Eigenschaftswert durch den angegebenen Wert für Sprachen, die von rechts nach links verlaufen. In diesem Beispiel wird der Eigenschaftswert durch 30 pxersetzt.
/*rtl:insert:25px*/	Fügt den angegebenen Wert anstelle der Direktive für von rechts nach links verlaufende Sprachen ein. In diesem Beispiel werden 25 pxeingefügt.

Transformationseigenschaft im konvertierten Rechts-nach-Links-CSS ignorieren

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