De forma predeterminada, el panel de secciones en IEG se muestra en una alineación vertical, desde la primera sección en la parte superior a la última sección en la parte inferior.
En vez de eso, si se establecerse la propiedad de configuración sectionspanel.style=horizontal, es posible visualizar el panel horizontalmente a lo largo de la parte superior de la página.
Además, las propiedades de configuración pueden establecerse para controlar la visualización del panel secciones en ambos formatos. Las propiedades siguientes son aplicables a los diseños horizontales y verticales:
| Propiedad | Descripción |
|---|---|
| sectionspanel.border.color | El color del borde del panel de secciones. |
| sectionspanel.background.color | El color de fondo del panel de secciones. |
| sectionspanel.background.image | La imagen de fondo del panel de secciones. |
| sectionspanel.selected.color | El color del texto de la sección seleccionada actualmente. |
| sectionspanel.selected.border.color | El color del borde de la sección seleccionada actualmente. |
| sectionspanel.selected.background.color | El color de fondo de la sección seleccionada actualmente. |
| sectionspanel.selected.background.image | La imagen de fondo de la sección seleccionada actualmente. |
| sectionspanel.enabled.border.color | El color del borde de las secciones habilitadas. |
| sectionspanel.enabled.background.color | El color de fondo de las secciones habilitadas. |
| sectionspanel.enabled.background.image | La imagen de fondo de las secciones habilitadas. |
| sectionspanel.desc.prev | Texto descriptivo/alternativo de una sección completada. El parámetro es el título de la sección. |
| sectionspanel.desc.current | Texto descriptivo/alternativo de la sección actual. El parámetro es el título de la sección. |
Las propiedades de configuración que solo se aplican al panel de secciones horizontal se describen a continuación:
| Propiedad | Descripción |
|---|---|
| sectionspanel.horizontal.max.display | El número máximo de secciones a visualizar en el panel en cualquier momento dado. |
| sectionspanel.horizontal.arrow.move.amount | El número de secciones que se mueven en el panel cuando se navega mediante las flechas izquierda y derecha. |
| sectionspanel.horizontal.truncate.limit | El número de caracteres mostrados en el título de la sección en el panel antes de que se trunque la cadena. |
| sectionspanel.horizontal.text.top.margin | Se utiliza para cambiar la posición del texto en el panel horizontal. |
| sectionspanel.horizontal.text.size | El tamaño del texto que se visualiza en el panel horizontal. |
| sectionspanel.horizontal.background.color | El color de fondo del panel de secciones horizontal. |
| sectionspanel.horizontal.border.color | El color del borde del panel de secciones horizontal. |
| sectionspanel.horizontal.enabled.color | El color de fondo de las secciones habilitadas en el panel horizontal. |
| sectionspanel.horizontal.enabled.text.color | El color del texto de las secciones habilitadas en el panel horizontal. |
| sectionspanel.horizontal.text.disabled.color | El color del texto de las secciones horizontales inhabilitadas. |
| sectionspanel.horizontal.bar.text.color | El color del texto en la barra que muestra el título de la sección actual. |
| sectionspanel.horizontal.bar.text.color | El color del texto en la barra que muestra el título de la sección actual. |
| sectionspanel.horizontal.bar.background.color | El color de fondo de la barra que muestra el título de la sección actual. |
| sectionspanel.horizontal.bar.background.color | El color de fondo de la barra que muestra el título de la sección actual. |
| sectionspanel.horizontal.enabled.background.image | La imagen de fondo de las secciones horizontales habilitadas. |
| sectionspanel.horizontal.box.height | La altura de la sección individual 'recuadros'. |
| sectionspanel.horizontal.box.width | La anchura de la sección individual 'recuadros'. |
| sectionspanel.horizontal.back.arrow.image | Una imagen utilizada como icono del enlace para navegar por el panel de secciones. |
| sectionspanel.horizontal.next.arrow.image | Una imagen utilizada como icono del enlace para navegar por el panel de secciones. |
| sectionspanel.horizontal.back.arrow.title | El texto de título/alternativo del enlace de icono para navegar por el panel de secciones. |
| sectionspanel.horizontal.next.arrow.title | El texto de título/alternativo del enlace de icono para navegar por el panel de secciones. |
| sectionspanel.horizontal.arrow.width | La anchura de las capas que contienen los enlaces/iconos de navegación por la sección. |