Soporte de derecha a izquierda (RTL)

    Soporte RTL

    La mayoría de los componentes del marco tienen soporte completo de derecha a izquierda (RTL) de forma predeterminada. Para cambiar a la dirección RTL, simplemente debe configurar el atributo dir del html o la etiqueta del cuerpo en rtl.

    Example:

    // $direction defaults to ltr if it's omitted.
    @include igx-core($direction: rtl);
    

    Actualmente, los siguientes componentes solo tienen soporte RTL parcial:

    • Cuadrícula (igx-grid)

    RTL Example

    Esta sección muestra el soporte de accesibilidad (ARIA) del marco, así como cuán fácilmente manejable es la directionality de los componentes.

    Enabling right-to-left direction (RTL).

    La biblioteca Ignite UI for Angular es susceptible a la manipulación directionality solo cuando se configura el atributo dir en etiquetas html o body. Además, tenga en cuenta que no se detectan cambios en el tiempo de ejecución.

    Dicho esto, pasemos al siguiente ejemplo:

    Step 1 - Setting the 'dir' attribute on both tags.

    <html dir="rtl">
    ...
    </html>
    

    o

    <html>
      <body dir="ltr">
      ...
      </body>
    </html>
    
    Note

    Actualmente, el componente Igx-Grid solo tiene soporte RTL parcial (visual).

    Note

    Breaking Changes in version 13.2.0

    Se han eliminado todas las hojas de estilo específicas de RTL, por lo tanto, los usuarios que hayan usado previamente temas específicos de *-rtl.css deben cambiar a los archivos de temas normales.