Los CSS correspondientes a los Themes, se incluyen en el header del HTML en un orden determinado, según la distribución de los webcomponents en la página.
El orden es de izquierda a derecha y de arriba hacia abajo.
Por ejemplo, si se tiene el siguiente esquema:
|
Webcomp1 --asociado a thm01 |
Webcomp2 --asociado a thm02 |
|
Webcomp3 --asociado a thm03 |
Webcomp4 --asociado a thm04 |
y a su vez, el web panel padre (contenedor) esta asociado al theme "default", el header será de esta forma:
<link rel="stylesheet" type="text/css" href="styles.css"/>
<link rel="stylesheet" type="text/css" href="Default.css"/>
<link rel="stylesheet" type="text/css" href="Thm01.css"/>
<link rel="stylesheet" type="text/css" href="Thm02.css"/>
<link rel="stylesheet" type="text/css" href="Thm03.css"/>
<link rel="stylesheet" type="text/css" href="Thm04.css"/>
Para determinar el valor de una propiedad de una clase, si la clase tiene un nombre común en todos los CSS, se determina según la siguiente precedencia:
q Se considera del último CSS incluido, hacia el primero.
q Si la propiedad esta como default en el último, se considera el valor configurado en el anterior, y así sucesivamente.
En el ejemplo, si la clase "form" está asociada al form de todos los webcomponents y: la propiedad textcolor está como default en los themes Thm04.css, Thm03.css. En Thm02.css está configurada en rgb(128,255,128) y la propiedad backcolor, está como default en los themes Thm04.css, Thm03.css, Thm02.css. En Thm01.css está configurada en rgb(255,128,128)
En ese caso, el color de fondo de la página lo toma del Thm01css, y el textcolor de Thm02css (por más que otro textcolor estuviese dado en thm01.css y default.css, y otro backcolor estuviese dado en default.css.
NOTA:
Que la propiedad esté como default, significa que no tiene un valor.