# Columnas $style[]

Si queremos cambiar el aspecto de las columnas de los campos descendientes de un campo marcado como ascendente de otros campos, podemos utilizar las opciones dualColumn, singleColumn o column de la palabra clave $style. Tenga en cuenta que las opciones singleColumn y column no pueden utilizarse en un campo cuyo ancestro no incluya no incluya la palabra clave $style con la opción dualColumn.

# $style[dualColumn]

Esta opción permite mostrar en una instancia los campos descendientes de otros en dos columnas. En caso de que la ventana del navegador sea lo suficientemente grande, los campos descendientes de un campo ascendente se mostrarán en pares, uno al lado del otro (izquierda y derecha). De lo contrario, se mostrarán en una sola columna.

TIP

Tenga en cuenta que los campos que descienden de un campo con la palabra clave $style y la opción dualColumn se muestran en una instancia por orden de inserción en la definición.

El efecto de aplicar la opción dualColumn a los campos desplegables de Audit Info y Phases es visible en la siguiente imagen:

# $style[singleColumn]

Aunque los campos descendientes de un campo se muestran por defecto en una sola columna, esta opción se utiliza a menudo para un campo cuyo ancestro es $style[dualColumn] y en el que deseamos diferenciar la apariencia de este campo descendiente en particular de la de los demás campos descendientes. Este es el caso del campo Phases SLA (in hours) en el ejemplo ya mencionado, que aunque desciende de Phases, se muestra en una sola columna y sin par:

El resultado visible para el usuario será el siguiente:

# $style[column]

En el caso de que queramos que los campos que descienden de un campo con la palabra clave $style y la opción dualColumn se muestren no por orden de inserción en una definición sino por grupos temáticos, podemos utilizar la palabra clave $style con la opción column en dos campos con la palabra clave $group. Al ser meros separadores sin valor, estos campos no serán visibles en una instancia. Cada uno de los campos descendientes de uno de los campos $group se presentará entonces en pares - uno al lado del otro - pero en columnas diferentes, con el respectivo campo descendiente del otro campo $group.

En el ejemplo siguiente, podemos ver que el grupo de campos User Info e Time Info del tipo group también se caracterizan por la palabra clave $style[column]. Ambos grupos de campos son descendientes del campo Audit Info que a su vez está caracterizado con la palabra clave dualColumn. Esto significa que los campos agrupados dentro de cada uno de estos containers se mostrarán a su vez dentro de una sola columna.

El resultado de esta opción de diseño será el siguiente: