Personalizar el login en Apex 5
En este nuevo tutorial te mostraremos como Personalizar el login en Apex 5 de tus aplicaciones; hemos creado un vídeo o puedes leer el tutorial que viene abajo.
Cuando creamos una nueva aplicación, notaremos que la pantalla de login se verá de esta manera:
En este tutorial, el resultado esperado mostrado en el vídeo es:
Hemos resumido el vídeo en 6 simples pasos:
- Cambiamos la plantilla predeterminada de nuestra región por la que viene la que se llama login.
- En la propiedad de la región Icon CSS Classes, agregamos fa-users para cambiar el icono o puedes elegir el que más te guste.
- Al campo de texto P101_USERNAME le borramos el texto del campo llamado label, en lugar de que el campo tenga un label, lo pondremos dentro del placeholder del mismo.
- Modificamos el campo CSS Classes del campo P101_USERNAME agrendandole icon-login-username
- Tenemos que repetir la misma acción para el campo de contraseña P101_PASSWORD para el css del icono usaremos la clase icon-login-password.
- Para el botón solo modificaremos la opción Template options quedando de la siguiente manera:
Nosotros sabemos que si eres nuevo en el tema puede que no sepas como encontrar cada elemento mencionado en este post, es por eso que te dejaremos la aplicación exportada que usamos en el ejemplo, puedes importarla en tu workspace y analizarla para que la uses en donde gustes.
Descargar la aplicación de ejemplo
Si necesitas una consultoría o servicios de desarrollo, puedes enviarme un correo o visitar mi sitio web Pncil | Diseño web y Marketing.
Si te ha gustado el tutorial no olvides compartirlo. Si deseas puedes buscarnos en facebook o twitter con el hashtag #OracleApexEnEspañol.
Si tienes alguna duda, sugerencia o comentario puedes escribir tu opinión en la caja de comentarios de este post.