Notice: The Monaca & Onsen UI Community Forum is shutting down.
For Onsen UI bug reports, feature requests and questions, please use the Onsen UI GitHub issues page. For help with Monaca, please contact Monaca Support Team.
Thank you to all our community for your contributions to the forum. We look forward to hearing from you in the new communication channels.
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>
-
@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.
-
@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