Tutorial: Form login responsivo

En este ejemplo, veremos cómo utilizar las Plantillas HTML disponibles para crear aplicaciones de Control y también en el módulo de seguridad ScriptCase.

Aplicación en control

1 – Cree una nueva aplicación de Control.


2 – Marque la opción para usar plantilla HTML

3 – Al abrir la edición de la aplicación, en “HTML del usuario”, aquí es donde definimos el código fuente de la aplicación. Podemos usar las pestañas “HTML“, “CSS” y “Javascript” para crear el código necesario para mostrar la aplicación, o podemos usar la opción “Librería externa” para seleccionar un archivo html existente.

4 –Usaremos la biblioteca externa y seleccionaremos nuestro archivo “login04.html”

5 – Ejecutar la aplicación

En el módulo de seguridad

1 – Primero creemos un módulo de seguridad, accediendo al menú “Módulos >> Seguridad”

2- Seleccione uno de los tipos de seguridad. En este ejemplo, usaremos el tipo “Grupo”.

3 – Seleccione la conexión y defina si desea que Scriptcase cree tablas de seguridad o use tablas que ya existen en la base de datos.

4 – Realice o confirme la asociación de los campos que se utilizarán en seguridad.

3 – Se debe dar clic en Si dentro de esta opción “Utilizar tema para la plantilla de login

5 – Luego, en “Configuración“, haga clic en el elemento “Plantilla de inicio de sesión” y marque Sí en la opción “Usar plantilla en la pantalla de inicio de sesión“. A continuación, puede seleccionar una plantilla existente o crear una nueva. Usaremos “login04”.

6 – Si la opción no está habilitada, haga clic en “Habilitar bibliotecas externas”.

7 – Seremos redirigidos a las opciones de “Librerías Externas“, donde debemos marcar “Usar la biblioteca” “Samples” y finalmente “Guardar bibliotecas del proyecto“.

8 – Volviendo a la configuración del módulo de seguridad, seleccione la plantilla y continúe con las demás configuraciones hasta que termine de crear el módulo.

9 – Abra la aplicación de inicio de sesión que fue creada por el módulo de seguridad.

10- Ejecute la aplicación.

Tutorials in the same category

Tutorial: Formulário Multi-Etapas

En este tutorial veremos cómo crear un formulario de varios pasos, haciendo que el formulario sea m...

Form login responsivo 3

En este ejemplo, veremos cómo utilizar las Plantillas HTML disponibles para crear aplicaciones de ...

Tutorial: Form login responsivo 2

En este ejemplo, veremos cómo utilizar las Plantillas HTML disponibles para crear aplicaciones de...

Aplicación Grid de informe con etiquetas fijas

Informe en formato de resumen con etiquetas ancladas a la parte superior de la pantalla. Cre...

Comment this post