|
La macro sc_field_style permite cambiar dinámicamente el CSS de los campos de una Grid.
Parámetros
Esta macro no permite el uso de variables en los parámetros. Por lo tanto, los valores (argumentos) deben ser pasados directamente en la macro, respetando el orden correcto.
Solo el parámetro nombre_campo es obligatorio. Sin embargo, al "saltar" un parámetro, debe pasarse como una cadena vacía. Por ejemplo, para cambiar el tercer parámetro (font-size) sin modificar el color de fondo (background-color), la macro debe usarse de la siguiente manera: sc_field_style({data_nasc}, '', '15px');
| Parámetro |
Descripción |
Ejemplo |
nombre_campo |
Este parámetro es obligatorio e indica el nombre del campo que será modificado. El nombre del campo debe escribirse entre llaves: {nombre_campo}. |
sc_field_style({data_nasc}, '#33FF99', '15px', '#000000', 'Arial, sans-serif', 'bold');
|
background-color |
Cambia el color de fondo de la celda del campo (columna) usando la propiedad CSS background-color. |
sc_field_style({data_nasc}, '#33FF99');
|
font-size |
Usa la propiedad font-size para cambiar el tamaño de fuente del campo. Basta con proporcionar el valor deseado, como por ejemplo '14px'. |
sc_field_style({data_nasc}, '', '14px');
|
color |
Cambia el color del texto del campo utilizando la propiedad CSS color. |
sc_field_style({data_nasc}, '', '', '#33FF99');
|
font-family |
Cambia la familia tipográfica del campo, sobrescribiendo la fuente predeterminada usada en la aplicación. |
sc_field_style({data_nasc}, '', '', '', 'Arial, sans-serif');
|
font-weight |
Cambia el grosor (peso) de la fuente del campo utilizando la propiedad CSS font-weight. |
sc_field_style({data_nasc}, '', '', '', '', 'bold');
|
Ejemplos de uso
Ejemplo 1: Fechas vencidas con fondo rojo
if ({data_vencimento} < date('Y-m-d')) {
sc_field_style({data_vencimento}, '#FF4D4D', '', '#FFFFFF');
}
Ejemplo 2: Resaltar campo con fuente más grande
sc_field_style({nome_cliente}, '', '18px');
Ejemplo 3: Fuente monoespaciada para descripción
sc_field_style({descricao}, '', '', '', 'Courier New, monospace');
Ejemplo 4: Texto en negrita para estado "Pendente"
if ({status} == 'Pendente') {
sc_field_style({status}, '', '', '', '', 'bold');
}
Ejemplo 5: Alerta visual para estado "En análisis"
if ({status} == 'Em Análise') {
sc_field_style({status}, '#FFF3CD', '14px', '#856404');
}
|