Atributos visuales de componentes en adf

Solo disponible en BuenasTareas
  • Páginas : 3 (609 palabras )
  • Descarga(s) : 0
  • Publicado : 2 de septiembre de 2010
Leer documento completo
Vista previa del texto
Atributos Visuales de los Componentes de ADF

INDICE
| |
| |
panelTabbed | |
| |
| |
| |
| |
| |
| |

panelTabbed
El control panelTabbed crea, contiene ymuestra una serie de objetos definidos por los nodos de un showDetailItem.
El control panelTabbed se usa para desplegar un grupo de paneles, regiones o fragmentos que pertenecen a un showDetailItem. Labarra de pestañas representa al hijo del showDetailItem que será desplegado. Al seleccionar una pestaña el showDetailItem asociado se desplegará.
Si ninguna de las pestañas se encuentra seleccionada,la pestaña que representa al primer showDetailItem habilitado será la que se mostrará como seleccionada.
Típicamente se utiliza el componente de showDetailItem dentro de un panelTabbed pero también sepueden colocar facetRef, group, iterator o un switcher, siempre y cuando estos arrojen como resultado un showDetailItem.

Para el formato visual de este componente es importante saber que cuentacon tres elementos que lo conforman y a los que se les puede dar formato por separado:
1. Header
2. Body
3. Footer

El Header se refiere a la barra de pestañas superior, el Body a lasección donde se despliega el contenido del showDetailItem y el Footer a una barra de pestañas inferior al Body que puede o no existir.

Las pestañas cuentan con diversos estados:
* Inicialaf|panelTabbed::tab-text-link {color: Darkgreen;}
* Seleccionada
af|panelTabbed::tab-text-link:selected {color: Purple;}
* Deshabilitada

Además estos estadosaf|navigationPane-tabs::tab-start,
af|navigationPane-tabs::tab:selected af|navigationPane-tabs::tab-start,
af|navigationPane-tabs::tab-end,
af|navigationPane-tabs::tab:selected af|navigationPane-tabs::tab-end,af|panelTabbed::tab-start,
af|panelTabbed::tab:selected af|panelTabbed::tab-start,
af|panelTabbed::tab-end,
af|panelTabbed::tab:selected af|panelTabbed::tab-end {
background: #C4DDEE;
border-width: 2px;...
tracking img