Muestra Widgets

Widget de vínculo Vínculo

Usa el widget de vínculo para mostrar vínculos en los que se puede hacer clic. Los vínculos se pueden vincular a una fuente de datos, para que, por ejemplo, un usuario pueda hacer clic en un vínculo creado por otro usuario.

Uso

Arrastra un widget de vínculo a la página y usa el Editor de propiedades para configurar su texto, apariencia y función.

Flujos de trabajo comunes

  • Proporciona a los usuarios de tu app un vínculo en el que se puede hacer clic.
  • Vincula el vínculo a una fuente de datos para que los usuarios puedan abrir con facilidad los vínculos que agregan otros.
  • Configura la acción onclick para realizar acciones preconfiguradas, como navegar a otra página en tu app o volver a subir una fuente de datos.

Aplica estilos

Usa el selector de temas en la barra de acciones para controlar cómo se muestran los vínculos.

Información adicional

En la API, encontrarás más información sobre los estilos, propiedades, métodos y eventos de este widget.

Ejemplos

Varios ejemplos y plantillas usan vínculos.

Widget de imagen Imagen

Usa el widget de imagen para mostrar imágenes que no están alojadas en tu app.

Uso

Arrastra el widget de imagen a la página y usa el Editor de propiedades para configurar su función.

Flujos de trabajo comunes

  • Agrega la URL en la que se aloja la imagen a la propiedad url.
  • Usa la propiedad href para permitir que los usuarios hagan clic en la imagen y salgan de tu app.
  • Usa un evento onClick para permitir que los usuarios hagan clic en la imagen y naveguen en otras partes de tu app.

Aplica estilos

Usa el selector de temas en la barra de acciones para controlar cómo se ve el widget.

Información adicional

En la API, encontrarás más información sobre los estilos, propiedades, métodos y eventos de este widget.

Ejemplos

Varios ejemplos y plantillas usan imágenes.

Widget de Mapa de Google Mapa de Google

Usa el widget de Mapa de Google para mostrar un mapa dentro de tu app.

Uso

Arrastra un widget de Mapa de Google a la página y usa el Editor de propiedades para configurar su función.

Flujos de trabajo comunes

  • Usa la propiedad address para personalizar el lugar en el que se centra el mapa cuando un usuario carga la página.
  • Vincula el mapa a una fuente de datos para que los usuarios puedan ingresar direcciones y mostrarlas en el mapa.

Aplica estilos

El widget de Mapa de Google no tiene opciones de estilo preconfiguradas.

Información adicional

El widget de Mapa de Google usa la API de Maps de JavaScript, que requiere una clave de API. Cuando arrastras un widget de Mapa de Google a un panel, App Maker muestra un error que indica que falta la clave de API. Para agregar una clave de API, sigue estos pasos:

  1. Solicita a tu administrador de G Suite tu clave de organización o haz clic aquí para obtener una clave de API.
  2. Abre tu aplicación en App Maker. Si aún no lo hiciste, agrega un widget de Mapa de Google a una página.
  3. Abre el editor de propiedades del widget, para ello, haz clic en el widget de Mapa de Google.
  4. Pega la clave de API en el cuadro apiKey.

En la documentación de la API de App Maker, encontrarás más información sobre los estilos, propiedades, métodos y eventos de este widget.

Widget de ícono de ayuda Ícono de ayuda

Usa el widget de ícono de ayuda para mostrar una ventana emergente con información sobre la herramienta dentro de tu app.

Uso

Arrastra un widget de ícono de ayuda hacia la página y usa el Editor de propiedades para configurar su texto, apariencia y función.

Flujos de trabajo comunes

  • Agrega tu texto de información sobre la herramienta a la propiedad html.

Aplica estilos

El widget de ícono de ayuda no tiene opciones de estilo preconfiguradas.

Información adicional

En la API, encontrarás más información sobre los estilos, propiedades, métodos y eventos de este widget.

Widget de ícono giratorio Ícono giratorio

Usa el widget de ícono giratorio para indicar a los usuarios que tu app está cargando datos.

Uso

Arrastra un widget de ícono giratorio a la página y usa el Editor de propiedades para configurar su apariencia y función.

Flujos de trabajo comunes

  • Vincula el ícono giratorio a una fuente de datos, y App Maker lo mostrará cada vez que esa fuente de datos esté cargando datos nuevos.

Aplica estilos

Usa el selector de temas en la barra de acciones para controlar cómo se ve el ícono giratorio.

Información adicional

En la API, encontrarás más información sobre los estilos, propiedades, métodos y eventos de este widget.

Ejemplos

Varios ejemplos y plantillas usan íconos giratorios.

Widget de HTML HTML

Usa el widget de HTML para mostrar HTML arbitrario. En el editor, este widget no ejecuta secuencias de comandos ni hereda estilos globales. Por ello, el widget se puede ver un poco diferente cuando realizas una vista previa o publicas tu app.

Uso

Arrastra un widget de HTML a la página y usa el Editor de propiedades para configurar su texto, apariencia y función.

Flujos de trabajo comunes

  • Usa la propiedad HTML para mostrar texto.

Aplica estilos

Información adicional

En la API, encontrarás más información sobre los estilos, propiedades, métodos y eventos de este widget.

Ejemplos

Varios ejemplos y plantillas usan el widget de HTML.

Widget de localizador Localizador

Usa el widget de localizador para permitir que los usuarios naveguen a través de las páginas de tu app.

Uso

Arrastra un widget de localizador a la página y usa el Editor de propiedades para configurar su texto, apariencia y función.

Flujos de trabajo comunes

  • Proporciona una forma fácil para que los usuarios naveguen en tu app.
  • Usa las propiedades nextEnabled y previousEnabled para controlar lo que sucede cuando los usuarios hacen clic en el localizador.

Aplica estilos

El widget de localizador no tiene opciones de estilo preconfiguradas.

Información adicional

En la API, encontrarás más información sobre los estilos, propiedades, métodos y eventos de este widget.

Ejemplos

Varios ejemplos y plantillas usan el widget de localizador.