Soporte de derecha a izquierda (RTL)

    Soporte RTL

    La mayoría de los componentes del framework tienen soporte completo de derecha a izquierda (RTL) por defecto. Para cambiar a dirección RTL solo tienes que establecer eldir atributo del html o la etiqueta de cuerpo parartl.

    Ejemplo:

    // $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 framework, así como lo fácil que es manejar unodirectionality de los componentes.

    Enabling right-to-left direction (RTL)

    Ignite UI for AngularLa biblioteca solo es susceptible adirectionality manipulación al asignardir atributos en cualquierahtml de las etiquetas de Obody. Además, ten en cuenta que no se detectan cambios en 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>
    Nota

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

    Nota

    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.