Crea tu CardView en Power Apps

Crea tu CardView en Power Apps

Paso Nro. 1: Iniciamos sesión en SharePoint. Ingresamos a la pagina oficial de office 365.

Paso Nro. 2: Crear nuevo Sitio.

Paso Nro. 3: Seleccionamos sitio de comunicación.

Paso Nro. 4: Añadimos un nombre y descripción del sitio.

Paso Nro. 5: Creamos un nuevo elemento, seleccionamos lista.

Paso Nro. 6: Seleccionamos lista en blanco.

Paso Nro. 7: Añadimos un nombre a nuestra lista.

Paso Nro. 8: Agregamos los campos que se mostrara en el CardView. Como por ejemplo: Titulo del producto, Descripción, Imagen de referencia (Dato Adjunto).


Paso Nro. 9: Añadimos un nuevo elemento. Introducimos los datos del primer producto.

Paso Nro. 10: Añadimos los n-datos que deseamos introducir.

Power Apps

Paso Nro. 11: Ahora nos dirigimos a Power Apps y conectamos con nuestra aplicación.

Nos vamos a la pestaña de datos >> Seleccionamos SharePoint.

Paso Nro. 12: Seleccionamos nuestro sitio.

Paso Nro. 13: Seleccionamos nuestra lista y conectamos.

Paso Nro. 14: Agregamos nuestros logos como imágenes.

Paso Nro. 15: Nos dirigimos a Insertar >> Galería.

Paso Nro. 16: Nos pide que seleccionamos algún conjunto de datos. En mi caso tengo 3 conectores listos para usar.
Pero elegí la lista DatosGaleria, porque en sharePoint esta almacenada mis datos.


Paso Nro. 17: Ahora seleccionamos propiedades >> Diseño (Layout) >> 2 columnas.

Paso Nro. 18: Para cargar nuestras imágenes nos dirigimos a los componentes de Image y agregamos una nueva formula.

First(ThisItem.'Datos adjuntos').Value


En este formula estamos llamando al primer item del campo datos conjuntos para que lo evalué.


Paso Nro. 19: Agregamos un botón para el regreso a otra pantalla.

Paso Nro. 20: Finalmente cambiamos el diseño. Todo esto lo podemos hacer en la pestaña de Home.
Podemos cambiar el color de fondo, el grosos del borde, la transición como pop o push al momento de pasar el mouse por un item, etc.

Paso Nro. 18: Resultado final.

¡Gracias por su atención! Deje un comentario a continuación por si tienes alguna duda o consulta.

7 ideas de Meme | chistes, gracioso, memes

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *