How to achieve this toolbar icon with pop out on click



  • Hello world. New member here. I want to achieve this vertical three vertical dots icon on the right as shown in the attached image. When it is clicked, I want a pop up notice to appear.
    What’s the name of that icon, and how do I achieve this?
    I already have a menu icon on the left:

    <div class="left">
            <ons-toolbar-button onclick="fn.toggleMenu()">
              <ons-icon icon="ion-navicon, material:md-menu" style="color:#FFF"></ons-icon>
            </ons-toolbar-button>
          </div>
    

    0_1508873317850_onsen-pic.jpg



  • @timwd Here is a list of icons, you use fa-ICON_NAME with Onsen. The one you are looking for is elipsis-v. As far as the popdown goes, here is a link to an example.


  • Onsen UI

    @timwd Check this tutorial in “Android view”. It’s done with Vue.js but you should able to see icon name and everything else.



  • Thanks


Log in to reply