peopletriada.blogg.se

Html accordion
Html accordion







  • Title HTML Tag: Set the HTML tag used for the title to H1- H6 or DIV.
  • Active Icon: Select the icon to represent the action of collapsing the active item. Choose either None, Upload SVG, or select an icon from the Icon Library. If Icon Library is chosen, a Recommended tab is shown in the Library which shows recommended icons to represent the collapsing concept.
  • If Icon Library is chosen, a Recommended tab is shown in the Library which shows recommended icons to represent the expanding concept.
  • Icon: Select the icon to represent the action of expanding an item. Choose either None, Upload SVG, or select an icon from the Icon Library.
  • html accordion

    Add Item: Use the ‘Add Item’ button to add more accordion items to the list.Accordion Items Title & Content: Enter the title and description for each item.With the Toggle widget, however, as many items as desired can be expanded at the same time. As you expand another Accordion item, the previously opened item automatically collapses, looking similar to an accordion. Only one item of an Accordion can be expanded at one time.With the Toggle widget, however, all items are collapsed when a page is first loaded.

    html accordion

    When a page is loaded, the first item of the Accordion widget is expanded, while all other items remain collapsed.With the Accordion, visitors can scan the item titles, and choose to expand an item only if it is of interest.Ī similar widget is the Toggle widget, but there are two main differences between the Accordion widget and the Toggle widget. The Accordion Widget is used to display text in a collapsed, condensed manner, letting you save space while still presenting an abundance of content.









    Html accordion