Forum | Appery.io

I tried using select menu but there has default value that come with selected but i want button like in above image
I want to show list with call,sms,enquire with image button.

how it possible??

Hello! You would need to use custom CSS/HTML to get needed effect.

i have idea to write code for css but i have no idea about html where to write it and how to do it??
any help link or suggestion??

Hi Pritu.

For this logic you try the following:

1. Put list component to the page.

2. Populate this component by items you need.

3. In Properties add css class "topPopupMenuListItem", and name "list_topPopupMenu" for this component

4. Create new CSS asset or use already exist one with the rule:

   pre
   //Rule for menu container styles. You have to fill it accordingly to your needs.
   .topPopupMenuListItem{

   position: absolute;
   left: 100px;
   top: 20px;
   width: 300px;
   }

   //Rule for menu list item styles. You have to fill it accordingly to your needs.
   .topPopupMenuListItem li{

   }
   /pre
   5.To hide it use code: Appery("list_topPopupMenu").hide();

5. To show it use code Appery("list_topPopupMenu").show();

Thank you So much Alena...
You solved my problem.It's working perfectly that i want.
Thnak you again.

I create dropdown list perfectly.
But if i click anywhere in screen it must hide.
I follow this url.
http://stackoverflow.com/questions/71...
according to this url there is no click event on page.
so i used Blur event on page and hide my menu But it not working.
What code i want to write.any suggestion??????

Hello,

You can use this function as a handler for Focus event on the page?

No it's not working..

Hello,

Place this code on the page load event:

pre

$(document).click(function() {
Appery("list_topPopupMenu").hide();
});
Appery("list_topPopupMenu").click(function(e) {
e.stopPropagation();
return false;
});/pre
where list_topPopupMenu - your's menu container name.

It's working!!!Thank You