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

  • Freigeben Version: Yokohama
  • Aktualisiert 30. Januar 2025
  • 1 Minute Lesedauer

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

    Basissystemportale zusätzlich Serviceportal(/sp) und anwenderdefinierte Portale erfordern möglicherweise zusätzliche CSS-Anpassungen, um die Richtung eines Portals für Rechts-nach-links-Sprachen vollständig zu spiegeln.

    Anwenderdefinierte Widgets erfordern möglicherweise eine manuelle Konvertierung für Rechts-nach-links-Sprachen.
    • 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 verwenden [Dir=”rtl”] Attributauswahl oder .rtl Klassenauswahl zur Bereitstellung von CSS, die spezifisch für Rechts-nach-links-Sprachen ist.
    • Um CSS einzubeziehen, die spezifisch für Rechts-nach-links-Sprachen sind, können Sie aufrufen IsRTLEnabled() Methode in GlideSPScriptable - ScopedKlasse im Serverskript eines Widgets, oder verwenden Sie G_Portal_isrtl Globale Kennzeichnung im Client-Skript des Widgets.

    Außerdem können Sie in der CSS-Instanz von Design, Seite, Widget oder Widget-Instanz 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 Rechts-nach-links-Sprachen.
    /*rtl:preend: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 dem 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. Dieses Beispiel ersetzt den Eigenschaftswert durch 30 px .
    /*rtl:INSERT:25px*/ Fügt den angegebenen Wert anstelle der Anweisung für Rechts-nach-links-Sprachen 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*/"};
}