How to display tooltip from database for dropdownlist items in asp.net c#

Question

1.00/5 (1 vote)

See more:

Dear All,

How to display tooltip from database for dropdownlist items in asp.net c#
-------------------------------------------------------------------------

On my webpage i have Dropdownlist with CollegeCodes in Dropdownlist, These values are displaying from database.

In SqlDatabase table(Colleges) I have two columns as CollegeCode, CollegeFullName.

Now I want to display FullName of College with ToolTip according to the college code.

For Example:

the college Code in dropdownlist is CBIT , when the user mouseover on it, it must show ToolTip as Chaitanya Bharati Institute of Technology AS TOOLTIP.

Please help me,

Thanks in advance.

Posted 5-Nov-13 22:49pm

Member239258

Add a Solution

4 solutions

Solution 1

You just neet to set title of your drop down along with the Text and Value. Follow the below code I am sure you will get your answer

XML

<asp:DropDownList ID="ddlAboutUs" runat="server" >
       <asp:ListItem title="One" Text="1" Value="1"></asp:ListItem>
       <asp:ListItem title="Two" Text="2" Value="2"></asp:ListItem>
       <asp:ListItem title="Three" Text="3" Value="3"></asp:ListItem>
   </asp:DropDownList>

Posted 5-Nov-13 22:56pm

Raj Parashar

Comments

Member239258 6-Nov-13 4:59am

hello sir,
am taking the values from table.
so, please help me how to do.
thanks.

Raj Parashar 6-Nov-13 5:05am

plz try this

ddlAboutUs.DataSource = somedatasource();
ddlAboutUs.DataTextField = "Name";
ddlAboutUs.DataValueField = "Value";
ddlAboutUs.ToolTip = "Name";

Karthik_Mahalingam 6-Nov-13 5:55am

Hi.ToolTip="Name" , it will show the tooltip as "name" to the control and to all the items in the dropdownlist..

Raj Parashar 6-Nov-13 6:38am

Name in the sense Tooltip text database field name.

Karthik_Mahalingam 6-Nov-13 7:34am

try it.. its tooltip for the control not the items

Solution 3

Simple way, try it.

C#

protected void BindDropDownList(DropDownList ddl, DataTable dataSource)
       {
           foreach (DataRow row in dataSource.Rows)
           {
               var item = new ListItem();
               item.Text = row["name"].ToString();
               item.Attributes["title"] = row["college"].ToString();
               ddl.Items.Add(item);
           }
       }

Posted 6-Nov-13 0:05am

Karthik_Mahalingam

Comments

Member239258 6-Nov-13 6:08am

I need tool tip as uppercase and background of tooltip must be yellow.

Please help

thanks.

Raajkumar.b 6-Nov-13 6:50am

check the solution 4 for tool tip text to upper case but to change the tooltip background color we have to write java script search it in google you will get so many links....

Solution 4

To change text to upper case just write
li.Value.ToUpper(); in the place of li.value;

Posted 6-Nov-13 0:09am

Raajkumar.b

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Raajkumar.b · Accepted Answer · 2013-11-05T23:27:00

try it working perfectly

aspx page:

XML

<asp:DropDownList ID="DropDownList1" runat="server"
            ondatabound="DropDownList1_DataBound">
        </asp:DropDownList>

aspx.cs

SqlConnection con = new SqlConnection("your connection string");
protected void Page_Load(object sender, EventArgs e)
{
SqlCommand cmd = new SqlCommand("select code,collegename from table", con);
SqlDataAdapter da = new SqlDataAdapter(cmd);
DataTable dt = new DataTable();
da.Fill(dt);
DropDownList1.DataSource = dt;
DropDownList1.DataTextField = "code";
DropDownList1.DataValueField = "collegename";
DropDownList1.DataBind();
}
protected void DropDownList1_DataBound(object sender, EventArgs e)
{
DropDownList ddl = sender as DropDownList;
if (ddl != null)
{
foreach (ListItem li in ddl.Items)
{
li.Attributes["title"] = li.Value;
}
}
}