| 1 |
{# |
| 2 |
Responsive Menu Jinja template file. |
| 3 |
Safe to Copy |
| 4 |
#} |
| 5 |
|
| 6 |
{% import 'admin/macros.html.twig' as macros %} |
| 7 |
|
| 8 |
{% set section = 'Sub Menus' %} |
| 9 |
|
| 10 |
<div class='panel panel-default'> |
| 11 |
{{ macros.header('Styling', section) }} |
| 12 |
<table class='table table-bordered table-hover'> |
| 13 |
{{ macros.row('submenu_font', 'Font', 'input', options, errors, '', '', '', '', 'Set the font for the submenu items. The font must already be installed as part of your theme or a browser inbuilt one.', '', '', 'For example "Open Sans"') }} |
| 14 |
{{ macros.row('submenu_font_size', 'Font Size', 'input', options, errors, 'has-unit', 'semi-pro', '', 'pixel', 'Set the text size of the submenu items and it\'s unit.') }} |
| 15 |
{{ macros.row('submenu_links_height', 'Item Height', 'input', options, errors, 'has-unit', 'semi-pro', '', 'pixel', 'Set the height of each submenu item and it\'s unit.') }} |
| 16 |
{{ macros.row('submenu_links_line_height', 'Item Line Height', 'input', options, errors, 'has-unit', 'semi-pro', '', 'pixel', 'Set the line height of each submenu item and it\'s unit.') }} |
| 17 |
{{ macros.row('submenu_text_alignment', 'Text Alignment', 'select', options, errors, '', '', 'alignment', '', 'Set the alignment of the text for the submenu items.') }} |
| 18 |
</table> |
| 19 |
</div> |
| 20 |
|
| 21 |
<div class='panel panel-default'> |
| 22 |
{{ macros.header('Item Borders', section) }} |
| 23 |
<table class='table table-bordered table-hover'> |
| 24 |
{{ macros.row('submenu_border_width', 'Width', 'input', options, errors, 'has-unit', 'semi-pro', '', 'pixel', 'Set the border size for each submenu link and it\'s unit.') }} |
| 25 |
{{ macros.row('submenu_item_border_colour', 'Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the border colour for each of the submenu items.') }} |
| 26 |
{{ macros.row('submenu_item_border_colour_hover', 'Hover Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the border colour when the mouse rolls over each submenu item.') }} |
| 27 |
{{ macros.row('submenu_current_item_border_colour', 'Current Item Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the border colour for the current submenu item.') }} |
| 28 |
{{ macros.row('submenu_current_item_border_hover_colour', 'Current Item Hover Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the border colour when the mouse rolls over the current submenu item.') }} |
| 29 |
</table> |
| 30 |
</div> |
| 31 |
|
| 32 |
<div class='panel panel-default'> |
| 33 |
{{ macros.header('Item Text', section) }} |
| 34 |
<table class='table table-bordered table-hover'> |
| 35 |
{{ macros.row('submenu_link_colour', 'Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the text colour for each of the submenu items.') }} |
| 36 |
{{ macros.row('submenu_link_hover_colour', 'Hover Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the text colour when the mouse rolls over each submenu item.') }} |
| 37 |
{{ macros.row('submenu_current_link_colour', 'Current Item Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the text colour for the current submenu item.') }} |
| 38 |
{{ macros.row('submenu_current_link_hover_colour', 'Current Item Hover Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the text colour when the mouse rolls over the current submenu item.') }} |
| 39 |
</table> |
| 40 |
</div> |
| 41 |
|
| 42 |
<div class='panel panel-default'> |
| 43 |
{{ macros.header('Item Background', section) }} |
| 44 |
<table class='table table-bordered table-hover'> |
| 45 |
{{ macros.row('submenu_item_background_colour', 'Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the background colour for each of the submenu items.') }} |
| 46 |
{{ macros.row('submenu_item_background_hover_colour', 'Hover Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the background colour when the mouse rolls over each submenu item.') }} |
| 47 |
{{ macros.row('submenu_current_item_background_colour', 'Current Item Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the background colour for the current submenu item.') }} |
| 48 |
{{ macros.row('submenu_current_item_background_hover_colour', 'Current Item Hover Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the background colour when the mouse rolls over the current submenu item.') }} |
| 49 |
</table> |
| 50 |
</div> |
| 51 |
|
| 52 |
<div class='panel panel-default'> |
| 53 |
{{ macros.header('Trigger Icon', section) }} |
| 54 |
<table class='table table-bordered table-hover'> |
| 55 |
{{ macros.row('submenu_arrow_position', 'Position', 'select', options, errors, '', '', 'left_right', '', 'Set the side of the menu item that the sub menu trigger will appear.') }} |
| 56 |
</table> |
| 57 |
</div> |
| 58 |
|
| 59 |
<div class='panel panel-default'> |
| 60 |
{{ macros.header('Trigger Sizing', section) }} |
| 61 |
<table class='table table-bordered table-hover'> |
| 62 |
{{ macros.row('submenu_submenu_arrow_height', 'Height', 'input', options, errors, 'has-unit', 'semi-pro', '', 'pixel', 'Set the height of the menu trigger items and their units.') }} |
| 63 |
{{ macros.row('submenu_submenu_arrow_width', 'Width', 'input', options, errors, 'has-unit', 'semi-pro', '', 'pixel', 'Set the width of the menu trigger items and their units.') }} |
| 64 |
</table> |
| 65 |
</div> |
| 66 |
|
| 67 |
<div class='panel panel-default'> |
| 68 |
{{ macros.header('Trigger Colours', section) }} |
| 69 |
<table class='table table-bordered table-hover'> |
| 70 |
{{ macros.row('submenu_sub_arrow_shape_colour', 'Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the colour of the sub menu trigger.') }} |
| 71 |
{{ macros.row('submenu_sub_arrow_shape_hover_colour', 'Hover Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the hover colour of the sub menu trigger.') }} |
| 72 |
{{ macros.row('submenu_sub_arrow_shape_colour_active', 'Active Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the colour of the sub menu trigger when active.') }} |
| 73 |
{{ macros.row('submenu_sub_arrow_shape_hover_colour_active', 'Active Hover Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the hover colour of the sub menu trigger when active.') }} |
| 74 |
</table> |
| 75 |
</div> |
| 76 |
|
| 77 |
<div class='panel panel-default'> |
| 78 |
{{ macros.header('Trigger Background', section) }} |
| 79 |
<table class='table table-bordered table-hover'> |
| 80 |
{{ macros.row('submenu_sub_arrow_background_colour', 'Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the background colour of the sub menu trigger.') }} |
| 81 |
{{ macros.row('submenu_sub_arrow_background_hover_colour', 'Hover Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the hover background colour of the sub menu trigger.') }} |
| 82 |
{{ macros.row('submenu_sub_arrow_background_colour_active', 'Active Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the background colour of the sub menu trigger when active.') }} |
| 83 |
{{ macros.row('submenu_sub_arrow_background_hover_colour_active', 'Active Hover Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the hover background colour of the sub menu trigger when active.') }} |
| 84 |
</table> |
| 85 |
</div> |
| 86 |
|
| 87 |
<div class='panel panel-default'> |
| 88 |
{{ macros.header('Trigger Border', section) }} |
| 89 |
<table class='table table-bordered table-hover'> |
| 90 |
{{ macros.row('submenu_sub_arrow_border_colour', 'Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the border colour of the sub menu trigger.') }} |
| 91 |
{{ macros.row('submenu_sub_arrow_border_hover_colour', 'Hover Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the hover border colour of the sub menu trigger.') }} |
| 92 |
{{ macros.row('submenu_sub_arrow_border_colour_active', 'Active Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the border colour of the sub menu trigger when active.') }} |
| 93 |
{{ macros.row('submenu_sub_arrow_border_hover_colour_active', 'Active Hover Colour', 'colour', options, errors, '', 'semi-pro', '', '', 'Set the hover border colour of the sub menu trigger when active.') }} |
| 94 |
</table> |
| 95 |
</div> |
| 96 |
|
| 97 |
<div class='panel panel-default'> |
| 98 |
{{ macros.header('Padding', section) }} |
| 99 |
<table class='table table-bordered table-hover'> |
| 100 |
{{ macros.row('menu_depth_side', 'Side', 'select', options, errors, '', '', 'left_right', '', 'You can set which side of the menu items the padding should be on.') }} |
| 101 |
{{ macros.row('menu_depth_0', 'Top Level', 'input', options, errors, 'has-unit', 'semi-pro', '', 'percentage', 'Set the padding size of the top level menu items and their unit.') }} |
| 102 |
{{ macros.row('menu_depth_1', 'Child Level 1', 'input', options, errors, 'has-unit', 'semi-pro', '', 'percentage', 'Set the padding size of the sub menu child level menu items and their unit.') }} |
| 103 |
{{ macros.row('menu_depth_2', 'Child Level 2', 'input', options, errors, 'has-unit', 'semi-pro', '', 'percentage', 'Set the padding size of the second sub menu child level menu items and their unit.') }} |
| 104 |
{{ macros.row('menu_depth_3', 'Child Level 3', 'input', options, errors, 'has-unit', 'semi-pro', '', 'percentage', 'Set the padding size of the third sub menu child level menu items and their unit.') }} |
| 105 |
{{ macros.row('menu_depth_4', 'Child Level 4', 'input', options, errors, 'has-unit', 'semi-pro', '', 'percentage', 'Set the padding size of the fourth sub menu child level menu items and their unit.') }} |
| 106 |
{{ macros.row('menu_depth_5', 'Child Level 5', 'input', options, errors, 'has-unit', 'semi-pro', '', 'percentage', 'Set the padding size of the fifth sub menu child level menu items and their unit.') }} |
| 107 |
</table> |
| 108 |
</div> |
| 109 |
|
| 110 |
<div class='panel panel-default'> |
| 111 |
{{ macros.header('Animations', section) }} |
| 112 |
<table class='table table-bordered table-hover'> |
| 113 |
{{ macros.row('accordion_animation', 'Use Accordion', 'checkbox', options, errors, '', '', '', '', 'Expanding one sub menu level will close all the others in an accordion style.') }} |
| 114 |
{{ macros.row('auto_expand_all_submenus', 'Auto Expand All Sub Menus', 'checkbox', options, errors, '', '', '', '', 'All sub menus will be opened on page load automatically.') }} |
| 115 |
{{ macros.row('auto_expand_current_submenus', 'Auto Expand Current Page Sub Menus', 'checkbox', options, errors, '', '', '', '', 'All child sub menus of the current parent will be opened on page load automatically.') }} |
| 116 |
{{ macros.row('menu_item_click_to_trigger_submenu', 'Expand Sub Menus on Parent Item Click', 'checkbox', options, errors, '', '', '', '', 'Clicking anywhere on a parent item with sub menu children will trigger the sub menu to open.', '', 'This will disable the links of all parent items.') }} |
| 117 |
</table> |
| 118 |
</div> |
| 119 |
|
| 120 |
<div class='panel panel-default fully-pro-container'> |
| 121 |
{{ macros.header('Slide Effect', section) }} |
| 122 |
<table class='table table-bordered table-hover'> |
| 123 |
{{ macros.row('use_slide_effect', 'Enabled', 'checkbox', options, errors, '', 'pro', '', '', 'The slide effect changes the way that sub-menus open and close. Instead of the standard drop-down animation they will slide over the top of eachother as in the demo site <a href="https://demo.responsive.menu/pro-example-one/" target="_blank">here</a>.<br /><br /><span class="label label-warning">beta</span>') }} |
| 124 |
{{ macros.row('slide_effect_back_to_text', 'Back Text', 'input', options, errors, '', 'pro', '', '', 'You can specify the text used for clicking to get back to the previous level when using the slide effect.') }} |
| 125 |
</table> |
| 126 |
</div> |
| 127 |
|
