Tutorial: Campos especiales (Google Maps, YouTube y editor de HTML)

En este ejemplo, veremos cómo configurar un par de campos especiales de Scriptcase, en una aplicación de formulario.

Estos son los campos especiales actualmente disponibles en Scripcase:

Para este ejemplo, usaremos los campos Google Maps, YouTube y HTML Editor, consulte las configuraciones respectivas a continuación.

Para más información sobre otros tipos de campos especiales, acceda a nuestra documentación.

Campo del tipo Google Maps

Hay 3 tipos de configuraciones disponibles para el campo Google Maps, en este ejemplo usaremos Geocode.

1. Seleccione Geocode en la opción Origen. (Método de pasar parámetros a la API de Google)

2. A continuación, en Geocode, seleccione los campos que se utilizarán como coordenadas geográficas para su ubicación en el mapa.

3. Configure el modo de visualización del mapa:

Modo de visualización: Donde se mostrará el mapa, en la misma página utilizando un modal o en una nueva ventana
Ancho – Ancho del modal en pixel
Altura – Altura del modal en pixel
Ampliar– Zoom inicial del mapa.

4. A continuación, seleccione el Tipo de enlace de cómo se mostrará el enlace al mapa en la página: Botón o Texto

5. Para visualizar el mapa, debe informar la ubicación correctamente y hacer clic en el botón Google Maps

6. El mapa mostrará la ubicación según los campos informados, sin necesidad de guardarlos en la tabla.

Campo del tipo Youtube

1. Selecciona el campo del tipo YouTube en la opción Tipo de datos;

2. A continuación, configure el modo de visualización para el video, en este ejemplo, usaremos el modo Modal;

3. Informar el ancho y la altura del modal de la pantalla, el valor en píxeles;

4. Al ejecutar la aplicación, informe el enlace en el campo y haga clic en el botón YouTube.

5. El modal será mostrado conteniendo el video informado.

Campo del tipo Editor HTML

El campo Editor HTML permite la creación de plantillas para facilitar el desarrollo de aplicaciones.

1. Para crear plantillas para el diseño del campo Editor HTML lo haremos de la siguiente manera: Diseño> Plantillas del editor HTML

2. Para crear una nueva plantilla, seleccione una de las plantillas que ofrecemos y haga clic en “Guardar como”.

3. Informe el nombre a su nueva plantilla y guárdelo para que pueda comenzar a editar.

4. A continuación, verá la página para editar la plantilla. Es posible definir la posición de los botones, la alineación horizontal y la cantidad de líneas, y otras cosas.