tb-megamenu-item-toolbox.html.twig in The Better Mega Menu 2.x
<div id="tb-megamenu-admin-mm-toolitem" class="admin-toolbox">
<h3>{{ 'Item Configuration'|t }} (<a href="#" class="back-megamenu-toolbox">{{ 'MegaMenu Toolbox'|t }}</a>)</h3>
<p>{{ 'This allows you to configure each link you added in the Drupal core menu. You can: add block, have it styled by adding extra class, set icon (Bootstrap icons) and add description.'|t }}</p>
<ul id="toogle-submenu-wrapper">
<li>
<label class="hasTip" title="{{ 'Submenu'|t }} - {{ 'Enable or disable submenu'|t }}">{{ 'Submenu'|t }}</label>
<fieldset class="radio btn-group toolitem-sub">
<input type="radio" id="toggleSub0" class="toolbox-toggle" data-action="toggleSub" name="toggleSub" value="0" />
<label for="toggleSub0" title="{{ 'Disable submenu'|t }}">{{ 'No'|t }}</label>
<input type="radio" id="toggleSub1" class="toolbox-toggle" data-action="toggleSub" name="toggleSub" value="1" checked="checked"/>
<label for="toggleSub1" title="{{ 'Enable submenu'|t }}">{{ 'Yes'|t }}</label>
</fieldset>
</li>
</ul>
<ul id="toogle-group-wrapper">
<li>
<label class="hasTip" title="{{ 'Group'|t }} - {{ 'Configure how this item’s submenu display'|t }}">{{ 'Group'|t }}</label>
<fieldset class="radio btn-group toolitem-group">
<input type="radio" id="toggleGroup0" class="toolbox-toggle" data-action="toggleGroup" name="toggleGroup" value="0" checked="checked"/>
<label for="toggleGroup0" title="{{ 'Submenu items show only when hover/click on this tem.'|t }}">{{ 'No'|t }}</label>
<input type="radio" id="toggleGroup1" class="toolbox-toggle" data-action="toggleGroup" name="toggleGroup" value="1"/>
<label for="toggleGroup1" title="{{ 'Submenu items are visible under this item.'|t }} ">{{ 'Yes'|t }}</label>
</fieldset>
</li>
</ul>
<ul id="toogle-break-column-wrapper">
<li>
<label class="hasTip" title="{{ 'Break column'|t }} - {{ 'Move the item to the left/right column, create new column if there’s none on the chosen side.'|t }}">{{ 'Break column'|t }}</label>
<fieldset class="btn-group">
<a href="" class="btn toolitem-moveleft toolbox-action" data-action="moveItemsLeft" title="{{ 'Move the items to the left column.'|t }}"><i class="fa fa-arrow-left"></i></a>
<a href="" class="btn toolitem-moveright toolbox-action" data-action="moveItemsRight" title="{{ 'Move the items to the right column.'|t }}"><i class="fa fa-arrow-right"></i></a>
</fieldset>
</li>
</ul>
<ul>
<li title="{{ 'Extra class'|t }} - {{ 'Add extra class to style megamenu.'|t }}">
<label class="hasTip">{{ 'Extra class'|t }}</label>
<fieldset class="">
<input type="text" class="input-medium toolitem-exclass toolbox-input" name="toolitem-exclass" data-name="class" value="" />
</fieldset>
</li>
</ul>
<ul>
<li title="{{ 'Icon'|t }} - {{ 'Add Icon for Menu Item. Click Icon label to visit Bootstrap icons page and get Icon Class. E.g.: fa-search'|t }}">
<label class="hasTip">
<a href="http://twitter.github.com/bootstrap/base-css.html#icons" target="_blank"><i class="fa fa-search"></i>{{ 'Icon'|t }}</a>
</label>
<fieldset class="">
<input type="text" class="input-medium toolitem-xicon toolbox-input" name="toolitem-xicon" data-name="xicon" value="" />
</fieldset>
</li>
</ul>
<ul>
<li title="{{ 'Item caption'|t }} - {{ 'Add caption to this item'|t }}">
<label class="hasTip">
{{ 'Item caption'|t }}
</label>
<fieldset class="">
<input type="text" class="input-large toolitem-caption toolbox-input" name="toolitem-caption" data-name="caption" value="" />
</fieldset>
</li>
</ul>
</div>
File
templates/backend/tb-megamenu-item-toolbox.html.twig
View source
- <div id="tb-megamenu-admin-mm-toolitem" class="admin-toolbox">
- <h3>{{ 'Item Configuration'|t }} (<a href="#" class="back-megamenu-toolbox">{{ 'MegaMenu Toolbox'|t }}</a>)</h3>
- <p>{{ 'This allows you to configure each link you added in the Drupal core menu. You can: add block, have it styled by adding extra class, set icon (Bootstrap icons) and add description.'|t }}</p>
- <ul id="toogle-submenu-wrapper">
- <li>
- <label class="hasTip" title="{{ 'Submenu'|t }} - {{ 'Enable or disable submenu'|t }}">{{ 'Submenu'|t }}</label>
- <fieldset class="radio btn-group toolitem-sub">
- <input type="radio" id="toggleSub0" class="toolbox-toggle" data-action="toggleSub" name="toggleSub" value="0" />
- <label for="toggleSub0" title="{{ 'Disable submenu'|t }}">{{ 'No'|t }}</label>
- <input type="radio" id="toggleSub1" class="toolbox-toggle" data-action="toggleSub" name="toggleSub" value="1" checked="checked"/>
- <label for="toggleSub1" title="{{ 'Enable submenu'|t }}">{{ 'Yes'|t }}</label>
- </fieldset>
- </li>
- </ul>
- <ul id="toogle-group-wrapper">
- <li>
- <label class="hasTip" title="{{ 'Group'|t }} - {{ 'Configure how this item’s submenu display'|t }}">{{ 'Group'|t }}</label>
- <fieldset class="radio btn-group toolitem-group">
- <input type="radio" id="toggleGroup0" class="toolbox-toggle" data-action="toggleGroup" name="toggleGroup" value="0" checked="checked"/>
- <label for="toggleGroup0" title="{{ 'Submenu items show only when hover/click on this tem.'|t }}">{{ 'No'|t }}</label>
- <input type="radio" id="toggleGroup1" class="toolbox-toggle" data-action="toggleGroup" name="toggleGroup" value="1"/>
- <label for="toggleGroup1" title="{{ 'Submenu items are visible under this item.'|t }} ">{{ 'Yes'|t }}</label>
- </fieldset>
- </li>
- </ul>
- <ul id="toogle-break-column-wrapper">
- <li>
- <label class="hasTip" title="{{ 'Break column'|t }} - {{ 'Move the item to the left/right column, create new column if there’s none on the chosen side.'|t }}">{{ 'Break column'|t }}</label>
- <fieldset class="btn-group">
- <a href="" class="btn toolitem-moveleft toolbox-action" data-action="moveItemsLeft" title="{{ 'Move the items to the left column.'|t }}"><i class="fa fa-arrow-left"></i></a>
- <a href="" class="btn toolitem-moveright toolbox-action" data-action="moveItemsRight" title="{{ 'Move the items to the right column.'|t }}"><i class="fa fa-arrow-right"></i></a>
- </fieldset>
- </li>
- </ul>
- <ul>
- <li title="{{ 'Extra class'|t }} - {{ 'Add extra class to style megamenu.'|t }}">
- <label class="hasTip">{{ 'Extra class'|t }}</label>
- <fieldset class="">
- <input type="text" class="input-medium toolitem-exclass toolbox-input" name="toolitem-exclass" data-name="class" value="" />
- </fieldset>
- </li>
- </ul>
- <ul>
- <li title="{{ 'Icon'|t }} - {{ 'Add Icon for Menu Item. Click Icon label to visit Bootstrap icons page and get Icon Class. E.g.: fa-search'|t }}">
- <label class="hasTip">
- <a href="http://twitter.github.com/bootstrap/base-css.html#icons" target="_blank"><i class="fa fa-search"></i>{{ 'Icon'|t }}</a>
- </label>
- <fieldset class="">
- <input type="text" class="input-medium toolitem-xicon toolbox-input" name="toolitem-xicon" data-name="xicon" value="" />
- </fieldset>
- </li>
- </ul>
- <ul>
- <li title="{{ 'Item caption'|t }} - {{ 'Add caption to this item'|t }}">
- <label class="hasTip">
- {{ 'Item caption'|t }}
- </label>
- <fieldset class="">
- <input type="text" class="input-large toolitem-caption toolbox-input" name="toolitem-caption" data-name="caption" value="" />
- </fieldset>
- </li>
- </ul>
- </div>