| 1 |
{% import 'admin/macros.html.twig' as macros %} |
| 2 |
|
| 3 |
<div class='panel panel-default'> |
| 4 |
<div class='panel-body'>Animation<small>Button</small></div> |
| 5 |
<table class='table table-bordered table-hover'> |
| 6 |
{{ macros.row('button_click_animation', 'Type', 'select', options, errors, '', 'semi-pro', 'button_animation', '', 'To see all animations in action please visit <a href="https://jonsuh.com/hamburgers/" target="_blank">this page</a>.') }} |
| 7 |
{{ macros.row('button_trigger_type', 'Trigger Types', 'selectize', options, errors, '', 'semi-pro', '', '', 'Only click is available in the Free version.') }} |
| 8 |
{{ macros.row('button_position_type', 'Positioning', 'select', options, errors, '', '', 'position') }} |
| 9 |
{{ macros.row('button_push_with_animation', 'Push Button with Menu', 'checkbox', options, errors) }} |
| 10 |
</table> |
| 11 |
</div> |
| 12 |
|
| 13 |
<div class='panel panel-default'> |
| 14 |
<div class='panel-body'>Location<small>Button</small></div> |
| 15 |
<table class='table table-bordered table-hover'> |
| 16 |
{{ macros.row('button_distance_from_side', 'Distance from Side', 'input', options, errors, 'has-unit', 'semi-pro', '', 'percentage') }} |
| 17 |
{{ macros.row('button_left_or_right', 'Side', 'select', options, errors, '', '', 'left_right') }} |
| 18 |
{{ macros.row('button_top', 'Distance from Top', 'input', options, errors, 'has-unit', 'semi-pro', '', 'pixel') }} |
| 19 |
</table> |
| 20 |
</div> |
| 21 |
|
| 22 |
<div class='panel panel-default'> |
| 23 |
<div class='panel-body'>Container Sizing<small>Button</small></div> |
| 24 |
<table class='table table-bordered table-hover'> |
| 25 |
{{ macros.row('button_height', 'Height', 'input', options, errors, 'has-unit', 'semi-pro', '', 'pixel') }} |
| 26 |
{{ macros.row('button_width', 'Width', 'input', options, errors, 'has-unit', 'semi-pro', '', 'pixel') }} |
| 27 |
</table> |
| 28 |
</div> |
| 29 |
|
| 30 |
<div class='panel panel-default'> |
| 31 |
<div class='panel-body'>Line Sizing<small>Button</small></div> |
| 32 |
<table class='table table-bordered table-hover'> |
| 33 |
{{ macros.row('button_line_height', 'Height', 'input', options, errors, 'has-unit', 'semi-pro', '', 'pixel') }} |
| 34 |
{{ macros.row('button_line_width', 'Width', 'input', options, errors, 'has-unit', 'semi-pro', '', 'pixel') }} |
| 35 |
{{ macros.row('button_line_margin', 'Margin', 'input', options, errors, 'has-unit', 'semi-pro', '', 'pixel') }} |
| 36 |
</table> |
| 37 |
</div> |
| 38 |
|
| 39 |
<div class='panel panel-default'> |
| 40 |
<div class='panel-body'>Background Colours<small>Button</small></div> |
| 41 |
<table class='table table-bordered table-hover'> |
| 42 |
{{ macros.row('button_background_colour', 'Colour', 'colour', options, errors, '', 'semi-pro') }} |
| 43 |
{{ macros.row('button_background_colour_hover', 'Hover Colour', 'colour', options, errors, '', 'semi-pro') }} |
| 44 |
{{ macros.row('button_background_colour_active', 'Active Colour', 'colour', options, errors, '', 'semi-pro') }} |
| 45 |
{{ macros.row('button_transparent_background', 'Transparent Background', 'checkbox', options, errors) }} |
| 46 |
</table> |
| 47 |
</div> |
| 48 |
|
| 49 |
<div class='panel panel-default'> |
| 50 |
<div class='panel-body'>Line Colours<small>Button</small></div> |
| 51 |
<table class='table table-bordered table-hover'> |
| 52 |
{{ macros.row('button_line_colour', 'Colour', 'colour', options, errors, '', 'semi-pro') }} |
| 53 |
{{ macros.row('button_line_colour_hover', 'Hover Colour', 'colour', options, errors, '', 'semi-pro') }} |
| 54 |
{{ macros.row('button_line_colour_active', 'Active Colour', 'colour', options, errors, '', 'semi-pro') }} |
| 55 |
</table> |
| 56 |
</div> |
| 57 |
|
| 58 |
<div class='panel panel-default'> |
| 59 |
<div class='panel-body'>Title<small>Button</small></div> |
| 60 |
<table class='table table-bordered table-hover'> |
| 61 |
{{ macros.row('button_title', 'Text', 'input', options, errors) }} |
| 62 |
{{ macros.row('button_title_open', 'Opened Text', 'input', options, errors) }} |
| 63 |
{{ macros.row('button_text_colour', 'Colour', 'colour', options, errors, '', 'semi-pro') }} |
| 64 |
{{ macros.row('button_title_position', 'Alignment', 'select', options, errors, '', '', 'side') }} |
| 65 |
{{ macros.row('button_font', 'Font', 'input', options, errors) }} |
| 66 |
{{ macros.row('button_font_size', 'Font Size', 'input', options, errors, 'has-unit', 'semi-pro', '', 'pixel') }} |
| 67 |
{{ macros.row('button_title_line_height', 'Line Height', 'input', options, errors, 'has-unit', 'semi-pro', '', 'pixel') }} |
| 68 |
</table> |
| 69 |
</div> |
| 70 |
|
| 71 |
<div class='panel panel-default'> |
| 72 |
<div class='panel-body'>Image<small>Button</small></div> |
| 73 |
<table class='table table-bordered table-hover'> |
| 74 |
{{ macros.row('button_font_icon', 'Font Icon', 'font-icon', options, errors, '', 'pro') }} |
| 75 |
{{ macros.row('button_font_icon_when_clicked', 'Font Icon when Clicked', 'font-icon', options, errors, '', 'pro') }} |
| 76 |
{{ macros.row('button_image', 'Image', 'image', options, errors) }} |
| 77 |
{{ macros.row('button_image_alt', 'Alt Text', 'input', options, errors) }} |
| 78 |
{{ macros.row('button_image_when_clicked', 'Image when Clicked', 'image', options, errors) }} |
| 79 |
{{ macros.row('button_image_alt_when_clicked', 'Alt Text when Clicked', 'input', options, errors) }} |
| 80 |
</table> |
| 81 |
</div> |
| 82 |
|
| 83 |
<div class='panel panel-default'> |
| 84 |
<div class='panel-body'>Advanced<small>Button</small></div> |
| 85 |
<table class='table table-bordered table-hover'> |
| 86 |
{{ macros.row('button_click_trigger', 'Trigger', 'input', options, errors) }} |
| 87 |
</table> |
| 88 |
</div> |
