CSS für rechts-nach-links-Sprachen in Portalen

  • Freigeben Version: Zurich
  • Aktualisiert 31. Juli 2025
  • 1 Minute Lesedauer

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

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

    Anwenderdefinierte Widgets erfordern möglicherweise eine manuelle Konvertierung für Sprachen von rechts nach links.
    • Verschieben Sie für Inline-Stile in der HTML-Vorlage eines Widgets diese Stile in das CSS des Widgets, damit sie automatisch konvertiert werden.
    • Für interne Stile in der HTML-Vorlage eines Widgets können Sie verwenden [Dir="rtl"] Attributauswahl oder .rtl Klassenauswahl zur Bereitstellung von CSS, die für Rechts-nach-links-Sprachen spezifisch ist.
    • Um CSS einzubeziehen, das für Rechts-nach-links-Sprachen spezifisch ist, können Sie anrufen IsRTLEnabled() Methode in GlideSPScriptable - Scoped Klasse im Serverskript eines Widgets, oder verwenden Sie G_Portal_isrtl Globale Kennzeichnung im Client-Skript des Widgets.

    Außerdem können Sie im Design-, Seiten-, Widget- oder Widget-Instanz-CSS CSS-Eigenschaften nur mit einer Sass-Interpolationszeichenfolge ( von rechts nach links Anweisungen hinzufügen #{""} ).

    Tabelle : 1. CSS-Richtlinien für Rechts-nach-links-Sprachen
    CSS-Anweisung von rechts nach links Beschreibung
    /*rtl:Ignorieren*/ Ignoriert die Eigenschaft beim Konvertieren von Portal-CSS für Sprachen von rechts nach links.
    /*rtl:Prepend:10 px*/ Fügt dem Anfang des Eigenschaftswerts für Sprachen von rechts nach links einen Wert hinzu. Dieses Beispiel ist vorangestellt 10 px .
    /*rtl:append:3rem*/ Fügt am Ende des Eigenschaftswerts für Sprachen von rechts nach links einen Wert hinzu. Dieses Beispiel wird angehängt 3rem .
    /*rtl:ersetzen: 30 px */ Oder /*rtl: 30 px */ Ersetzt den Eigenschaftswert durch den angegebenen Wert für Sprachen von rechts nach links. In diesem Beispiel wird der Eigenschaftswert durch ersetzt 30 px .
    /*rtl:INSERT:25px*/ Fügt den angegebenen Wert anstelle der Anweisung für Sprachen von rechts nach links ein. Dieses Beispiel wird eingefügt 25 px .

    Ignorieren Sie die Transformationseigenschaft im konvertierten CSS von rechts nach links

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