Saltar al contenido

Cargador CSS

App Builder se entrega con un widget CSS Loader que se puede usar para anular estilos CSS a nivel de sitio en lugar de configurarlos manualmente a través de un tema o a nivel de aplicación individual. Para usar el CSS Loader, descargue una copia del CSS Loader, edite styles.css según sea necesario y agréguelo a un widget CSS recién creado.

Nota

Al editar styles.css, deberá eliminar o editar las líneas de ejemplo CSS existentes o estas aparecerán cuando active el Cargador CSS

Cómo Configurar

Paso 1: Personaliza el CSS

  1. Vaya a IDE > Apariencia
  2. Seleccione App Builder Colección del panel Colecciones. Si no está disponible, haga clic en Ver todo.
  3. Haga clic en la pestaña Widgets
  4. Localice el widget CSS Loader y haga clic en el ícono Abrir registro
  5. Haga clic en el archivo Contenido de la ruta del widget para descargar el contenido .ZIP del widget

  6. Abra el archivo .ZIP en un programa editor de código y realice todos los cambios de personalización necesarios en styles.css

    estilos.png

    archivo styles.css tal como lo ve App Builder asegúrese de eliminar o editar estos ejemplos, o aparecerán cuando se activen.

  7. Seleccione una nueva Colección para agregar el contenido modificado de CSS Loader. Tenga en cuenta que no puede ser el App Builder o App Builder colecciones de IDE.

  8. Haga clic en Cargar widget
  9. Confirme la Colección en la que se almacenará el widget
  10. Haga clic en el botón Explorar y busque el contenido .ZIP del widget CSS modificado
  11. Haga clic en Guardar
  12. Asigna un Nombre al widget CSS. Por ejemplo: CSS Widget
  13. Revise Propósito y configúrelo como Campo o Sitio, según sea necesario

Paso 2: Configurar a Nivel del Sitio (o Seguir el Paso 3)

  1. Vaya a IDE > Configuración adicional > Widgets del sitio
  2. Haga clic en + Registro de widget
  3. Seleccione el Widget CSS como el widget
  4. Haga clic en la marca de verificación para guardar
  5. Confirme que la columna Activo esté marcada/activada

Paso 3: Configurar a Nivel de Aplicación

  1. Vaya a IDE > Apariencia
  2. Seleccione la Colección donde guardó el widget Copiar CSS Loader y haga clic en la pestaña Widgets
  3. Localice el Widget CSS y haga clic en el ícono Abrir registro
  4. Establezca el valor Propósito en Sitio
  5. Haga clic en el botón Guardar
  6. Vaya a IDE > Configuración adicional > Widgets del sitio
  7. Haga clic en + Registro de widget
  8. Seleccione CSS Widget en el menú desplegable Widget
  9. Haga clic en el ícono de marca de verificación para activar el widget CSS
  10. Regrese a su aplicación, actualice su navegador web y confirme las actualizaciones.