Create a menu with a hamburg toggle button

Create a menu with a hamburg toggle button

  

i want to Create a menu with a hamburg toggle button. how to put this code in outsystems?


<input type="checkbox" id="menu_opener_id" class="menu_opener">

  <label for="menu_opener_id" class="menu_opener_label"></label>

  <div class="barre_hamburger"></div>

  <a href="#" class="link_one link_general"></a>

  <a href="#" class="link_two link_general"></a>

  <a href="#" class="link_three link_general"></a>

  <a href="#" class="link_four link_general"></a>

</input>


thank you.

Solution

indra budiantho wrote:

i want to Create a menu with a hamburg toggle button. how to put this code in outsystems?


<input type="checkbox" id="menu_opener_id" class="menu_opener">

  <label for="menu_opener_id" class="menu_opener_label"></label>

  <div class="barre_hamburger"></div>

  <a href="#" class="link_one link_general"></a>

  <a href="#" class="link_two link_general"></a>

  <a href="#" class="link_three link_general"></a>

  <a href="#" class="link_four link_general"></a>

</input>


thank you.


ok, found it:

1. in web app using expression widget, set the value with the html, and Escape Content 'No'.

2. in mobile... put container on screen, use On Ready Client Action on Screen, put JS Action, and write the html, container.iframe

Solution