Personalizar una aplicación usando JavaScript y CSS

Article Number:040556

Puede utilizar JavaScript y CSS para personalizar el comportamiento y la apariencia de la pantalla de una aplicación.

Puede crear programas JavaScript utilizando API.
Para obtener detalles sobre cómo personalizar una aplicación usando JavaScript y CSS, consulte Kintone Developer Program.

Aplicar archivos JavaScript y CSS

Esta sección describe cómo aplicar archivos de personalización creados con JavaScript y CSS a una aplicación.
Tenga en cuenta que solo los Administradores Kintone pueden aplicar JavaScript y CSS a Kintone. Los archivos Personalización se pueden crear por separado para PC y dispositivos móviles (incluida la aplicación móvil).

Los archivos Personalización importados a Kintone se aplican a las siguientes pantallas de la aplicación:

  • La pantalla "Vista"
  • La pantalla "Agregar Registro"
  • La pantalla "Editar Registro"
  • La pantalla "Detalles del registro "
    Tenga en cuenta que los archivos también se aplican a la pantalla "Detalles del registro" que se muestra cuando se abre un registro a través de una notificación de la aplicación.
  • La pantalla para imprimir un registro.
  • Tablas y gráficos que presentan datos agregados de registros
  • Las pantallas antes mencionadas en el entorno de prueba de la aplicación (solo para PC)
  1. Haga clic en el ícono Ajustes app (el ícono con forma de engranaje) en la parte superior derecha de la pantalla "Vista".
    Captura de pantalla: El ícono "Ajustes app" está resaltado

  2. En la pantalla "Ajustes app", seleccione la pestaña Ajustes app, luego haga clic en Personalización JavaScript y CSS en Personalización e integración.

  3. En la pantalla "Personalización JavaScript y CSS", seleccione una de las siguientes opciones como alcance de personalización:

    • Afectar a todos los usuarios
    • Afectar solo a los administradores de la app
    • Desactivar

    Antes de aplicar la personalización a todos los usuarios, aplíquela solo a los administradores de la aplicación y verifique que la personalización funcione correctamente.
    Si selecciona Afectar a todos los usuarios, la personalización se aplicará a todos los usuarios, incluidos los usuarios invitados.

  4. Haga clic en Añadir enlace o Añadir archivo y seleccione un archivo para importar.
    Si se importan varios archivos, se leen en el orden en que aparecen en la lista. Puede cambiar el orden de los archivos arrastrando y soltando el ícono Arrastrar para reordenar (el ícono de las flechas hacia arriba y hacia abajo) a la izquierda de cada nombre de archivo.
    Pantalla para agregar archivos para personalización.

  5. Haga clic en Guardar en la parte inferior derecha de la pantalla.

  6. Haga clic en Act. app en la parte superior derecha de la pantalla.

  7. En el cuadro de diálogo "Act. app", haga clic en Act. app.