[idz_col_full]
Alert Boxes
[idz_alert type=»info»] This is information alert message[/idz_alert]
[idz_alert type=»success»] This is success alert message[/idz_alert]
[idz_alert type=»warning»] This is warning alert message[/idz_alert]
[idz_alert type=»error»] This is error alert message[/idz_alert]
[idz_alert type=»default»] This is default alert message[/idz_alert]
[/idz_col_full]
[idz_col_full]
[idz_alert type="info"]text[/idz_alert]
[idz_note]
Alert Parameter
[idz_list type=»square»]
- Type : info | success | warning | error | default
[/idz_list]
[/idz_note]
[/idz_col_full]
[idz_spacer height=10]
[idz_spacer height=4 color=#e6e6e6]
[idz_spacer height=10]
[idz_col_full]
Example of progess bar
[idz_progress_bar title=»Progress bar default (grey)» value=»70″]
[idz_progress_bar title=»Progress bar green» color=»green» value=»80″]
[idz_progress_bar title=»Progress bar blue» color=»blue» value=»95″]
[idz_progress_bar title=»Progress bar orange» color=»orange» value=»60″]
[idz_progress_bar title=»Progress bar red» color=»red» value=»45″]
[/idz_col_full]
[idz_spacer height=10]
[idz_spacer height=4 color=#e6e6e6]
[idz_spacer height=10]
[idz_col_full]
Example of Circular progess bar
[idz_col_14 class=»text-center mobile-two»]
[idz_progress_bar title=»Progress bar green» color=»green» value=»70″ type=»circle»]
[/idz_col_14]
[idz_col_14 class=»text-center mobile-two»]
[idz_progress_bar title=»Progress bar blue» color=»blue» value=»80″ type=»circle»]
[/idz_col_14]
[idz_col_14 class=»text-center mobile-two»]
[idz_progress_bar title=»Progress bar orange» color=»orange» value=»90″ type=»circle»]
[/idz_col_14]
[idz_col_14 class=»text-center mobile-two»]
[idz_progress_bar title=»Progress bar red» color=»red» value=»60″ type=»circle»]
[/idz_col_14]
[/idz_col_full]
[idz_spacer height=10]
[idz_col_full]
[idz_progress_bar title="title text" color="green" value="70" type="default"]
[idz_note]
Progress Bar Parameter
[idz_list type=»square»]
- Title : Title text
- Color : green | blue | orange | red | grey
- Value : Add number value to show percentage in progress bar
- Type : Default | Circle
[/idz_list]
[/idz_note]
[/idz_col_full]
0 comentarios