Las tablas y sus propiedades
En los Web Panels se deben utilizar tablas para poder alinear los controles dentro del formulario y de esta forma mejorar el diseño de los mismos. En esta sección estudiaremos las propiedades de las tablas, las filas y las celdas.
Las tablas están compuestas por filas y celdas, dentro de las que se encuentran los controles. Para insertar una tabla se utiliza el botón de la barra de controles, pero sus propiedades varían de acuerdo a si se selecciona una tabla, una fila o una celda. Es decir que las propiedades disponibles para una celda tienen alguna variación con respecto a las disponibles para la tabla o la fila.
Propiedades de las tablas
Para editar las propiedades de una tabla se debe seleccionar y marcar la tabla (el puntero del mouse cambiará al posicionarse en los bordes de la misma) y presionar el botón derecho del mouse. Entonces se despliega un menú pop-up, donde se elige la opción Properties para realizar la edición.
Otra forma de editar es presionar el botón derecho del mouse estando posicionado en cualquier celda de la tabla, y después ir a la sección de Table. En este caso, se podrán editar además de las propiedades de la tabla, las de la fila a la que pertenezca la celda y las propias de la celda.
1. Tooltip Text
2. Align
3. Background
4. Backcolor
5. BorderWidth: 0 indica que no tendrá borde en ejecución, pero podrá verse en diseño usando el botón de la barra de herramientas. El valor por defecto es 1.
6. BorderColor
7. Cellpadding
8. Cellspacing
9. Height
10. Width
11. Rules
Propiedades de las filas de una tabla
Las propiedades de las filas son algunas de las propiedades de las tablas y tienen además una nueva propiedad que es la que se documenta a continuación:
1. TooltipText
2. Align
3. Vertical Align
4. Background
5. Backcolor
6. BorderColor
Propiedades de las celdas de una tabla
Como se puede observar en el diálogo de propiedades, las celdas mantienen algunas propiedades de las tablas y tienen dos nuevas propiedades que se documentan a continuación:
1. Tooltiptext
2. Align
3. VerticalAlign
4. Background
5. Backcolor
6. Bordercolor
7. Height
8. Width
9. Colspan
10. Rowspan