Par défaut, le panneau des sections dans IEG s'affiche dans un alignement vertical, depuis la première section, en haut, jusqu'à la dernière section, en bas.
En définissant la propriété de configuration sectionspanel.style=horizontal, il est possible d'afficher le panneau horizontalement dans la partie supérieure de la page.
En outre, les propriétés de configuration peuvent être définies de manière à contrôler l'affichage du panneau des sections dans les deux formats. Les propriétés suivantes sont applicables à la fois aux présentations horizontales et verticales :
| Propriété | Description |
|---|---|
| sectionspanel.border.color | Couleur de la bordure dans le panneau des sections. |
| sectionspanel.background.color | Couleur d'arrière-plan du panneau des sections. |
| sectionspanel.background.image | Image d'arrière-plan du panneau de sections. |
| sectionspanel.selected.color | Couleur de texte de la section actuellement sélectionnée. |
| sectionspanel.selected.border.color | Couleur de bordure de la section actuellement sélectionnée. |
| sectionspanel.selected.background.color | Couleur d'arrière-plan de la section actuellement sélectionnée. |
| sectionspanel.selected.background.image | Image d'arrière-plan de la section actuellement sélectionnée. |
| sectionspanel.enabled.border.color | Couleur de bordure des sections activées. |
| sectionspanel.enabled.background.color | Couleur d'arrière-plan des sections activées. |
| sectionspanel.enabled.background.image | Image d'arrière-plan des sections activées. |
| sectionspanel.desc.prev | Texte de description/secondaire pour une section terminée. Le paramètre est le titre de sections. |
| sectionspanel.desc.current | Texte de description/secondaire pour la section en cours. Le paramètre est le titre de sections. |
Les propriétés de configuration qui s'appliquent uniquement au panneau de sections horizontal sont présentées ci-dessous :
| Propriété | Description |
|---|---|
| sectionspanel.horizontal.max.display | Nombre maximum de sections à afficher dans le panneau à un moment donné. |
| sectionspanel.horizontal.arrow.move.amount | Nombre de sections à déplacer sur le panneau lors de la navigation à l'aide des flèches gauche et droite. |
| sectionspanel.horizontal.truncate.limit | Nombre de caractères affichés pour le titre de la section dans le panneau avant que la chaîne ne soit tronquée. |
| sectionspanel.horizontal.text.top.margin | Permet de modifier la position du texte dans le panneau horizontal. |
| sectionspanel.horizontal.text.size | Taille du texte affiché dans le panneau horizontal. |
| sectionspanel.horizontal.background.color | Couleur d'arrière-plan du panneau de sections horizontal. |
| sectionspanel.horizontal.border.color | Couleur de bordure du panneau de sections horizontal. |
| sectionspanel.horizontal.enabled.color | Couleur d'arrière-plan pour les sections activées dans le panneau horizontal. |
| sectionspanel.horizontal.enabled.text.color | Couleur du texte pour les sections activées dans le panneau horizontal. |
| sectionspanel.horizontal.text.disabled.color | Couleur de texte des sections actuellement désactivées. |
| sectionspanel.horizontal.bar.text.color | Couleur du texte dans la barre qui affiche le titre de la section en cours. |
| sectionspanel.horizontal.bar.text.color | Couleur du texte dans la barre qui affiche le titre de la section en cours. |
| sectionspanel.horizontal.bar.background.color | Couleur d'arrière-plan de la barre qui affiche le titre de la section en cours. |
| sectionspanel.horizontal.bar.background.color | Couleur d'arrière-plan de la barre qui affiche le titre de la section en cours. |
| sectionspanel.horizontal.enabled.background.image | Image d'arrière-plan des sections horizontales activées. |
| sectionspanel.horizontal.box.height | Hauteur de chaque "case" de section. |
| sectionspanel.horizontal.box.width | Largeur de chaque "case" de section. |
| sectionspanel.horizontal.back.arrow.image | Image utilisée en tant qu'icône pour le lien permettant de naviguer dans le panneau de sections. |
| sectionspanel.horizontal.next.arrow.image | Image utilisée en tant qu'icône pour le lien permettant de naviguer dans le panneau de sections. |
| sectionspanel.horizontal.back.arrow.title | Texte de titre/secondaire pour le lien de l'icône permettant de naviguer dans le panneau de sections. |
| sectionspanel.horizontal.next.arrow.title | Texte de titre/secondaire pour le lien de l'icône permettant de naviguer dans le panneau de sections. |
| sectionspanel.horizontal.arrow.width | Largeur des divisions contenant les icônes/liens de navigation de la section. |