Create dropdown

samanta

Please anyone help me how to create dropdown menu using htm5 and css
I need dropdown like attached image

12 Replies

Know the answer? Post it — somebody with the same question will find it here.

Amit Tripathi12y ago
Hello Samanta

http://cssdeck.com/labs/another-simple-css3-dropdown-menu
Sanjay Singh12y ago
hello samanta

from dropdown list

http://www.c-sharpcorner.com/Blogs/15231/
samanta12y ago
thank you

You can consider to try some C# code to implement a dropdown control. C# will be widely used in web developing and much more slick than html and css.

private void dropDownList_VisualListItemFormatting(object sender, VisualItemFormattingEventArgs args)
{
    if (args.VisualItem.Chosen)
    {
        args.VisualItem.NumberOfColors = 1;
        args.VisualItem.BackColor = Color.Green;
        args.VisualItem.BorderColor = Color.Purple;
    }
    else
    {
        args.VisualItem.ResetValue(LightVisualElement.NumberOfColorsProperty, Kettic.WinControls.ValueResetFlags.Local);
args.VisualItem.ResetValue(LightVisualElement.BackColorProperty, Kettic.WinControls.ValueResetFlags.Local);
args.VisualItem.ResetValue(LightVisualElement.BorderColorProperty, Kettic.WinControls.ValueResetFlags.Local);
    }
}

Sanjeeb Lenka12y ago
just check the attachment
samanta12y ago
In this code when i select item from dropdown blue color will fill the dropdown (when using IE) what is the solution for it

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication5.WebForm1" %>
Sanjeeb Lenka12y ago
try this:

Simple placing dropdown into a container DIV of a lesser width with overflow:hidden
for example:

width:200px; overflow:hidden" >
width:220px">
samanta12y ago
can you assist me that how can i do using asp.net
samanta12y ago
sir now i am trying using asp.net but i am unable remove defult arrow from dropdownlist
Sanjeeb Lenka12y ago
share your sample code i will try.
samanta12y ago
i am unable to do it sir
Sanjeeb Lenka12y ago
Refer to this link

http://bavotasan.com/2011/style-select-box-using-only-css/

http://www.red-team-design.com/making-html-dropdowns-not-suck