You are here

tb-megamenu-submenu-toolbox.html.twig in The Better Mega Menu 8

Same filename and directory in other branches
  1. 2.x templates/backend/tb-megamenu-submenu-toolbox.html.twig
<div id="tb-megamenu-admin-mm-toolsub" class="admin-toolbox">
  <h3>{{ 'Submenu Configuration'|t }} (<a href="#" class="back-megamenu-toolbox">{{ 'MegaMenu Toolbox'|t }}</a>)</h3>
  <p>{{ 'Contains all the level 2+ items. Allows you to: add and remove row, set the submenu’s position, have it styled, edit its width...'|t }}</p>
  <ul>
    <li title="{{ 'Add row'|t }} - {{ 'Add a new row to the selected submenu'|t }}">
      <label class="hasTip"> {{ 'Add row'|t }} </label>
      <fieldset class="btn-group">
        <a href="" class="btn toolsub-addrow toolbox-action" data-action="addRow"><i class="fa fa-plus"></i></a>
      </fieldset>
    </li>
  </ul>
  <ul>
    <li>
      <label class="hasTip" title="{{ 'Hide when collapse'|t }} - {{ 'Hide this column when the menu is collapsed on small screens'|t }}">{{ 'Hide when collapse'|t }}</label>
      <fieldset class="radio btn-group toolsub-hidewhencollapse">
        <input type="radio" id="togglesubHideWhenCollapse0" class="toolbox-toggle" data-action="hideWhenCollapse" name="togglesubHideWhenCollapse" value="0" checked="checked"/>
        <label for="togglesubHideWhenCollapse0" title="{{ 'Keep showing this submenu when the menu is collapsed on small screens'|t }}">{{ 'No'|t }}</label>
        <input type="radio" id="togglesubHideWhenCollapse1" class="toolbox-toggle" data-action="hideWhenCollapse" name="togglesubHideWhenCollapse" value="1"/>
        <label for="togglesubHideWhenCollapse1" title="{{ 'Hide this submenu when the menu is collapsed on small screens'|t }}">{{ 'Yes'|t }}</label>
      </fieldset>
    </li>
  </ul>                    
  <ul>
    <li title="{{ 'Submenu width (px)'|t }} - {{ 'Set submenu width (in pixel), this field must be a integer'|t }}">
      <label class="hasTip">{{ 'Submenu width (px)'|t }}</label>
      <fieldset class="">
        <input type="text" class="toolsub-width toolbox-input input-small" name="toolsub-width" data-name="width" value="" />
      </fieldset>
    </li>
  </ul>
  <ul>
    <li title="{{ 'Alignment'|t }} - {{ 'Align this submenu'|t }}">
      <label class="hasTip">{{ 'Alignment'|t }}</label>
      <fieldset class="toolsub-alignment">
        <div class="btn-group">
        <a class="btn toolsub-align-left toolbox-action" href="#" data-action="alignment" data-align="left" title="{{ 'Left'|t }}"><i class="fa fa-align-left"></i></a>
        <a class="btn toolsub-align-right toolbox-action" href="#" data-action="alignment" data-align="right" title="{{ 'Right'|t }}"><i class="fa fa-align-right"></i></a>
        <a class="btn toolsub-align-center toolbox-action" href="#" data-action="alignment" data-align="center" title="{{ 'Center'|t }}"><i class="fa fa-align-center"></i></a>
        <a class="btn toolsub-align-justify toolbox-action" href="#" data-action="alignment" data-align="justify" title="{{ 'Justify'|t }}"><i class="fa fa-align-justify"></i></a>
        </div>
      </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="toolsub-exclass toolbox-input input-medium" name="toolsub-exclass" data-name="class" value="" />
      </fieldset>
    </li>
  </ul>
</div>

File

templates/backend/tb-megamenu-submenu-toolbox.html.twig
View source
  1. <div id="tb-megamenu-admin-mm-toolsub" class="admin-toolbox">
  2. <h3>{{ 'Submenu Configuration'|t }} (<a href="#" class="back-megamenu-toolbox">{{ 'MegaMenu Toolbox'|t }}</a>)</h3>
  3. <p>{{ 'Contains all the level 2+ items. Allows you to: add and remove row, set the submenu’s position, have it styled, edit its width...'|t }}</p>
  4. <ul>
  5. <li title="{{ 'Add row'|t }} - {{ 'Add a new row to the selected submenu'|t }}">
  6. <label class="hasTip"> {{ 'Add row'|t }} </label>
  7. <fieldset class="btn-group">
  8. <a href="" class="btn toolsub-addrow toolbox-action" data-action="addRow"><i class="fa fa-plus"></i></a>
  9. </fieldset>
  10. </li>
  11. </ul>
  12. <ul>
  13. <li>
  14. <label class="hasTip" title="{{ 'Hide when collapse'|t }} - {{ 'Hide this column when the menu is collapsed on small screens'|t }}">{{ 'Hide when collapse'|t }}</label>
  15. <fieldset class="radio btn-group toolsub-hidewhencollapse">
  16. <input type="radio" id="togglesubHideWhenCollapse0" class="toolbox-toggle" data-action="hideWhenCollapse" name="togglesubHideWhenCollapse" value="0" checked="checked"/>
  17. <label for="togglesubHideWhenCollapse0" title="{{ 'Keep showing this submenu when the menu is collapsed on small screens'|t }}">{{ 'No'|t }}</label>
  18. <input type="radio" id="togglesubHideWhenCollapse1" class="toolbox-toggle" data-action="hideWhenCollapse" name="togglesubHideWhenCollapse" value="1"/>
  19. <label for="togglesubHideWhenCollapse1" title="{{ 'Hide this submenu when the menu is collapsed on small screens'|t }}">{{ 'Yes'|t }}</label>
  20. </fieldset>
  21. </li>
  22. </ul>
  23. <ul>
  24. <li title="{{ 'Submenu width (px)'|t }} - {{ 'Set submenu width (in pixel), this field must be a integer'|t }}">
  25. <label class="hasTip">{{ 'Submenu width (px)'|t }}</label>
  26. <fieldset class="">
  27. <input type="text" class="toolsub-width toolbox-input input-small" name="toolsub-width" data-name="width" value="" />
  28. </fieldset>
  29. </li>
  30. </ul>
  31. <ul>
  32. <li title="{{ 'Alignment'|t }} - {{ 'Align this submenu'|t }}">
  33. <label class="hasTip">{{ 'Alignment'|t }}</label>
  34. <fieldset class="toolsub-alignment">
  35. <div class="btn-group">
  36. <a class="btn toolsub-align-left toolbox-action" href="#" data-action="alignment" data-align="left" title="{{ 'Left'|t }}"><i class="fa fa-align-left"></i></a>
  37. <a class="btn toolsub-align-right toolbox-action" href="#" data-action="alignment" data-align="right" title="{{ 'Right'|t }}"><i class="fa fa-align-right"></i></a>
  38. <a class="btn toolsub-align-center toolbox-action" href="#" data-action="alignment" data-align="center" title="{{ 'Center'|t }}"><i class="fa fa-align-center"></i></a>
  39. <a class="btn toolsub-align-justify toolbox-action" href="#" data-action="alignment" data-align="justify" title="{{ 'Justify'|t }}"><i class="fa fa-align-justify"></i></a>
  40. </div>
  41. </fieldset>
  42. </li>
  43. </ul>
  44. <ul>
  45. <li title="{{ 'Extra class'|t }} - {{ 'Add extra class to style megamenu'|t }}">
  46. <label class="hasTip">{{ 'Extra class'|t }}</label>
  47. <fieldset class="">
  48. <input type="text" class="toolsub-exclass toolbox-input input-medium" name="toolsub-exclass" data-name="class" value="" />
  49. </fieldset>
  50. </li>
  51. </ul>
  52. </div>