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.