Enviamos la plantilla resultado, ya tenemos agregado el link, es decir, la hoja, hojas, estilo.
Ahora tenemos que dar estilo, decorar nuestro we lely con el resultado, tanto el usuario como roles,
bueno, los roles del usuario también.
Lo primero en VOSTRA existe y podemos dar estilo a nuestras listas.
Por ejemplo, utilizando la clase List Group List Group se utiliza en él.
Uele entonces el list de lista grupo.
Copiamos, pegamos también acá en los roles y también vamos a tener una clase por Calí que parecía,
pero voy a pegar acá en vez del disco loop a secas.
El list group item, guión, item.
Entonces por cada uno un list group ítem.
Guardamos.
Vamos a probar.
Bueno, ya tengo levantado el Wacken.
La aplicación de Sprint.
Así que voy a completar el ejemplo.
Hombre!
Se digan que a mucho me ordenó.
Enviar a 12.
DILIGEN quedó mejor.
Quedó como una lista, pero también le podemos dar formato también un tif div con class container.
Recuerden que el cierre al final por acá antes del body vamos a ordenar.
Y lo dejamos así guardamos.
Recuerden que actualizamos, redirige a formulario y está perfecto.
Entonces volvemos a enviar.
Una fecha han pasado 12.
Empieso que mejor se dejan como una lista, pero podríamos dar un título.
Es decir, agregar otro li o list group item con el título y que quede marcado un color tanto para roles
como para el resultado o los datos del usuario.
Entonces, por ejemplo, vamos a copiar un li.
El primero lo pegamos acá en vez de esto.
El texto lo he kitar y voy a cortar el título y lo voy a pegar acá.
Y este h3 lo quitamos.
Este título se quita y lo dejamos como activ.
Como activo.
Voy a copiar también esto acá.
Lo pegamos en roles abajo dentro del uele y voy a cambiar este th texto, lo cambiamos por esto.
Eso sería una alternativa o bien.
Quito esto de acá, comilla simple y lo pegamos y lo dejamos como un string comilla simple, roles con
ese texto y este div lo quitamos.
Guardamos.
Volvemos a enviar.
Mucho mejor.
También podríamos dar un margen vertical, es decir, separar el div group de arriba del top y roles
también porque está muy pegado.
Bien simple.
Acá en el Whele List Group te damos un margen M de margen y vertical del eje y del eje vertical.
Por ejemplo, de tres voy a copiar esto mismo.
M 3.
Lo pegamos acá.
Guardamos.
Vamos a agregar los tres roles.
Enviar diligen que o separado o separado, incluso le podríamos dar más espacio, preguntó Está bien.
Está perfecto.
Ahí lo tenemos.
Quizás podríamos agregar un botón para volver al formulario.
Acá una que se pierda datos.
Volver, volver al formulario o al DITADO a donde queramos.
Entonces, debajo del div container, al mismo nivel del huele.
Vamos a tener un a un href pero con lif th 2 punto href.
Recuerden siempre las rutas de Spring a los controladores van con él.
Arroja las llaves es el larch y la ruta form de formulario.
Volver y le damos un estilo de vostra, una clase btn, btn, primary o sucesso, incluso sauces o sus
btn, btn, sucesi de color verde guardamos.
También le podríamos dar un margen, por ejemplo, también de 3.
Lo voy a cortar y lo pegamos acá.
Entonces va a tener este botón una separación con el container de arriba y también con el grupo.
Y acá lo corté, acá lo voy a pegar también y acá lo dejamos en dos.
Un margen de dos guardamos.
Actualizamos y volvemos a enviar, por ejemplo, ya mujer.
Administrador.
Enviar.
Ahí está el botón.
También si queremos un botón más grande podemos colocar btn, btn, succés y por acá btn guión larch
elegia de grande o latch.
Guardamos.
Bolver.
Un poco más grande y está molesto.
Acá tenemos el Disk Group para el resultad formulario para los datos del usuario, nombre y apellido,
el Yussef, el password en Por cada uno y acá otro list group para los roles y el botón Volver.
Bien.
Nada más.
Nos vemos en la siguiente clase.