Tabs & Toggle

[idz_col_12 class=”” animate=”fadeInDown”]
[idz_heading tag=”h5″ subtext=”” class=”bold”]Tabs on the right[/idz_heading]
[idz_tabs menu_position=”right” showicon=”yes”] [idz_tab title=”Sample1″ icon=”file3″]Lorem ipsum dolor sit amet, consectetur adipite scinelit vestibulum vel quam sitare amet odio ultricies dapbus acer vitae augue duis nulla nuncerot dignissim ullamcorper minima veniam quiseti nostrum emmule exercitationem.[/idz_tab] [idz_tab title=”Sample2″ icon=”file3″]Quisque tempor, nulla in commodo imperdiet, risus justo rhoncus ipsum, vitae accumsan ligula turpis nec mi. Aliquam at vulputate nisl. Aliquam in facilisis lectus. Integer condimentum diam et tincidunt volutpat.[/idz_tab] [idz_tab title=”Sample3″ icon=”file3″]Nulla nuncerot dignissim ullamcorper minima veniam quiseti nostrum emmule exercitationem ullam nesti corporis suscipi officess laboriosam nisi aliquid commodi consequatur nonerti[/idz_tab] [/idz_tabs]

[/idz_col_12]

[idz_col_12 class=”” animate=”fadeInDown”]
[idz_heading tag=”h5″ subtext=”” class=”bold”]Tabs on the left[/idz_heading]
[idz_tabs menu_position=”left” showicon=”yes”] [idz_tab title=”Sample1″ icon=”file3″]Lorem ipsum dolor sit amet, consectetur adipite scinelit vestibulum vel quam sitare amet odio ultricies dapbus acer vitae augue duis nulla nuncerot dignissim ullamcorper minima veniam quiseti nostrum emmule exercitationem.[/idz_tab] [idz_tab title=”Sample2″ icon=”file3″]Quisque tempor, nulla in commodo imperdiet, risus justo rhoncus ipsum, vitae accumsan ligula turpis nec mi. Aliquam at vulputate nisl. Aliquam in facilisis lectus. Integer condimentum diam et tincidunt volutpat.[/idz_tab] [idz_tab title=”Sample3″ icon=”file3″]Nulla nuncerot dignissim ullamcorper minima veniam quiseti nostrum emmule exercitationem ullam nesti corporis suscipi officess laboriosam nisi aliquid commodi consequatur nonerti[/idz_tab] [/idz_tabs]

[/idz_col_12]

[idz_spacer height=”20″]

[idz_col_12 class=”” animate=”fadeInDown”]
[idz_heading tag=”h5″ subtext=”” class=”bold”]Tabs on the top[/idz_heading]
[idz_tabs menu_position=”top” showicon=”yes”] [idz_tab title=”Sample1″ icon=”file3″]Lorem ipsum dolor sit amet, consectetur adipite scinelit vestibulum vel quam sitare amet odio ultricies dapbus acer vitae augue duis nulla nuncerot dignissim ullamcorper minima veniam quiseti nostrum emmule exercitationem ullam nesti corporis suscipi officess laboriosam nisi aliquid commodi consequatur nonerti[/idz_tab] [idz_tab title=”Sample2″ icon=”file3″]Quisque tempor, nulla in commodo imperdiet, risus justo rhoncus ipsum, vitae accumsan ligula turpis nec mi. Aliquam at vulputate nisl. Aliquam in facilisis lectus. Integer condimentum diam et tincidunt volutpat. Aliquam tortor nisi, vehicula ut mauris blandit, scelerisque tincidunt augue. Proin massa dui, ultrices in feugiat ut, dictum ut tellus. Phasellus id ultricies felis. Vestibulum et varius tellus.[/idz_tab] [idz_tab title=”Sample3″ icon=”file3″]Nulla nuncerot dignissim ullamcorper minima veniam quiseti nostrum emmule exercitationem ullam nesti corporis suscipi officess laboriosam nisi aliquid commodi consequatur nonerti[/idz_tab] [/idz_tabs]

[/idz_col_12]

[idz_col_12 class=”” animate=”fadeInDown”]
[idz_heading tag=”h5″ subtext=”” class=”bold”]Tabs on the bottom[/idz_heading]
[idz_tabs menu_position=”bottom” showicon=”yes”] [idz_tab title=”Sample1″ icon=”file3″]Lorem ipsum dolor sit amet, consectetur adipite scinelit vestibulum vel quam sitare amet odio ultricies dapbus acer vitae augue duis nulla nuncerot dignissim ullamcorper minima veniam quiseti nostrum emmule exercitationem ullam nesti corporis suscipi officess laboriosam nisi aliquid commodi consequatur nonerti[/idz_tab] [idz_tab title=”Sample2″ icon=”file3″]Quisque tempor, nulla in commodo imperdiet, risus justo rhoncus ipsum, vitae accumsan ligula turpis nec mi. Aliquam at vulputate nisl. Aliquam in facilisis lectus. Integer condimentum diam et tincidunt volutpat. Aliquam tortor nisi, vehicula ut mauris blandit, scelerisque tincidunt augue. Proin massa dui, ultrices in feugiat ut, dictum ut tellus. Phasellus id ultricies felis. Vestibulum et varius tellus.[/idz_tab] [idz_tab title=”Sample3″ icon=”file3″]Nulla nuncerot dignissim ullamcorper minima veniam quiseti nostrum emmule exercitationem ullam nesti corporis suscipi officess laboriosam nisi aliquid commodi consequatur nonerti[/idz_tab] [/idz_tabs]

[/idz_col_12]

[idz_spacer height=10]

[idz_col_full class=”” animate=”fadeInDown”]

[idz_tabs menu_position="right" showicon="yes"]
    [idz_tab title="Sample1" icon="file3"]
    Text....
    [/idz_tab]
[/idz_tabs]

[idz_note]

Tabs Parameter

[idz_list type=”square”]

• menu_position : top | bottom | left | Right
• showicon : yes | no

[/idz_list]
[/idz_note]
[/idz_col_full]

[idz_spacer height=10]
[idz_spacer height=4 color=”#e6e6e6″]
[idz_spacer height=10]

[idz_col_full class=”” animate=”fadeInDown”]
[idz_heading tag=”h5″ subtext=”” class=”bold”]Example of toggle[/idz_heading]
[idz_toggle title=”Excepteur sint occaecat ?” state=”closed”]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exercitation ullamcorob.[/idz_toggle]

[idz_toggle title=”Officia deserunt mollit anim ?” state=”closed”]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exercitation ullamcorob.[/idz_toggle]

[idz_toggle title=”Inventore veritatis architecto ?” state=”closed”]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exercitation ullamcorob.[/idz_toggle]

[idz_spacer height=10]

[idz_toggle title="Question text goes here" state="closed"]
content here...
[/idz_toggle]

[idz_note]

Toggle Parameter

[idz_list type=”square”]

• title : title of header
• state : closed | open

[/idz_list]
[/idz_note]

[idz_spacer height=10]

[idz_heading tag=”h5″ subtext=”” class=”bold”]Example of accordion[/idz_heading]
[idz_accordion title=”Excepteur sint occaecat ?”]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exercitation ullamcorob.[/idz_accordion]
[idz_accordion title=”Officia deserunt mollit anim ?”]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exercitation ullamcorob.[/idz_accordion]
[idz_accordion title=”Inventore veritatis architecto ?”]Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua enim ad minim veniam, quis nostrud exercitation ullamcorob.[/idz_accordion]

[idz_spacer height=10]

[idz_accordion title="Question text goes here"]
content here...
[/idz_accordion]

[idz_note]

Accordion Parameter

[idz_list type=”square”]

• title : title of header

[/idz_list]
[/idz_note]

[/idz_col_full]