Layout Dashboard Screen LightSwitch

Esta entrada del blog es útil cuando queremos formatear rápidamente una pantalla «vacía» de LighSwitch para utilizarla como «Home» o «Dashboard» para nuestra aplicación.

El objetivo, una imagen vale más que mil palabras:

La pantalla se divide en dos zonas horizontales, las marco en el dibujo para que se vean bien:

Tabs Layout: Corresponde a la zona 1
TableColumnLayout: Corresponde a la zona 2

Group

Dentro del Table Layout tenemos una columna (TableColumn Layout), en esta columna colocamos tres campos Text que corresponden al título del la zona 1.

Group 2

Consta de dos controles un control tab y una columna.

La Tab contiene 4 table layout (1 por cada icono que vemos en la imagen de como queda el conjunto), acordarse de darle un tamaño de anchura al tab sino repartirá proporcionalmente el tab y la columna.

Espero que sirva como punto inicial para personalizar aplicaciones LighSwitch!

Deja un comentario