12.1.2.1.1.3.1. Accordion Sections Editor

In the Accordion Sections Editor window, users can customize the appearance of individual sections within the accordion control.

1. Add: This button allows users to add a new section.
   • Once added, the new section will be displayed in the Accordion Sections box and its properties will be shown in the Page section.
2. Remove: This button allows users to remove a selected section.
3. Up / Down: These buttons allow users to reorder the sections in the list.
   • To move a section up or down, select it from the list and click on the Up or Down button. This will move the selected section one position up or down in the list, respectively.
4. Server ID: This field displays the Server ID for the section. It cannot be modified.
   • Server ID refers to the name used to call the section in the code.
5. Caption: This is a text field that allows users to input the displayed name or caption of the section.
   • Users can customize the section caption in multiple languages.
     • As English is set as the default language in the system, any input provided in the English caption field will be used as the display caption for the section, regardless of other language options that may be available.
       

       **Users can determine which languages are available for use in the Settings of the Designer. Currently, however, only five languages are supported on the web server: English, French, German, Arabic, and Hebrew.

6. Appearance: In this section, users can customize the visual appearance of the section.
   • Font Family: This field allows users to choose the font family from a dropdown menu.
   • Font Size: This field allows users to set the font size of the caption text.
     • By default, the font size is set to 14. To adjust this size, use either the slider or the numeric updown field.
       • In the numeric updown field, users can enter numbers either manually or by clicking the increment/decrement arrows.
   • Title Color: This field allows users to choose the font color of the caption text from a dropdown menu.
     • It contains three tabs: Custom, Web, and System.
       
       • In the Custom tab, users can choose a font color by selecting a color from a color picker. This color picker offers a selection of theme colors, standard colors, and the ability to create custom colors.
       • In the Web and System tabs, users can select a font color from a scrollable list. This list displays a range of specific colors, each with its own name, allowing users to easily choose from pre-defined options.
   • Use Theme Color as Background Color: This is a checkbox which, if selected, applies the platform theme color as the background color for the section.
     

     !!In effect, the accordion section will have a color that is 25% lighter than the overall theme.

     **Users can set the theme color for the platform in the Settings form (located in the Facilities menu of the web application).

   • Background: This field allows users to choose the background color of the section from a dropdown menu.
     • It also has three tabs, similar to the Title Color field, where users can select a color from a color picker or a scrollable list of pre-defined options.
   • Is Bold: This is a checkbox which, if selected, applies a bold effect to the caption text.
   • Is Italic: This is a checkbox which, if selected, applies an italic or slanted effect to the caption text.
   • Is Underline: This is a checkbox which, if selected, applies an underline effect to the caption text.
   • Apply to All Tabs: This button allows users to apply the same caption appearance properties to all sections within the accordion control.
     • If this button is selected, users will be alerted of the action with the following confirmation message:
       
       • Yes or No: To confirm the application, click on the Yes button. To cancel, click on the No button.
7. OK: This button allows users to save their changes and exit the Tab Pages Editor window.

Customizing Accordion Control: Web View