Adding ToolTip to RadComboBox Programmatically

[Joe]

Im attempting to build a combobox and populate it with data. everything works, but I would also like to add tooltips using data from my database. My code is as follows:

radcombo_mns_severity.DataTextField = "SEVERITY";
radcombo_mns_severity.DataValueField = "ID";
radcombo_mns_severity.ToolTip = "DESC";
radcombo_mns_severity.DataSource = from c in quarkdb.MNS_SEVERITies
                                   orderby c.SEVERITY
                                   select new
                                   {
                                       c.SEVERITY,
                                       c.ID,
                                       c.DESC
                                   };
radcombo_mns_severity.DataBind();

Is there away to do this?

[Princy]

Hello Joe,

You can easily achieve this by using RadToolTip inside ItemTemplate. Here is a sample code.

aspx:

<telerik:RadComboBox ID="RadComboBox1" runat="server" EmptyMessage="Select" DataTextField="Name">
     <ItemTemplate>
         <asp:Label runat="server" ID="Label1" Text='<%# Eval("Name")%> '></asp:Label>
         <telerik:RadToolTip ID="RadToolTip1" runat="server" Width="100" Height="10" TargetControlID="Label1" Position="BottomRight" Text='<%# Eval("Name")%>'>
          </telerik:RadToolTip>
      </ItemTemplate>
</telerik:RadComboBox>

C#:

protected void Page_Load(object sender, EventArgs e)
   {

       RadComboBox1.DataSource = CreateDataSource();
       RadComboBox1.DataTextField = "Name";
       RadComboBox1.DataValueField = "ID";
       RadComboBox1.DataBind();
   }
   protected DataTable CreateDataSource()
   {
       DataTable dataTable = new DataTable();
       dataTable.Columns.Add(new DataColumn("ID", typeof(string)));
       dataTable.Columns.Add(new DataColumn("Name", typeof(string)));

       DataRow dr = dataTable.NewRow();
       dr["ID"] = "1";
       dr["Name"] = "FirstName1LastName1";
       dataTable.Rows.Add(dr);

       DataRow dr2 = dataTable.NewRow();
       dr2["ID"] = "2";
       dr2["Name"] = "FirstName2LastName2";
       dataTable.Rows.Add(dr2);

       return dataTable;
   }

Thanks,
Princy.

[Joe]

Princy,

Thanks for the response.

Im not sure that I follow. I see in your example that you have 2 columns listed (ID & Name). The Name column is associated with text field of the combobox. You are then using it for the Tooltip. What if you have a 3rd column (in my case, the tooltip is a description (DESC) of the severity (SEVERITY) column)? Would I simply swap the <%# Eval("Name")%> with <%# Eval("DESC")%>?

[Ivana]

Hi Joe,

Yes, if you simply swap <%# Eval("Name")%> with <%# Eval("DESC")%> it  will work if "DESC" is name of a column in the data table you are getting data from.

Best wishes,

Ivana

the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Allen]

Works as described.  Only problem is autosizing the text for the tooltip.  How do I do that so the tip is fully displayed up to some CUTOFF limit?

[Peter Milchev]

Hello Allen,

The ToolTip will resize to show all the content if the Width and Height properties are removed. Additionally, you can set max-width property to the ToolTip and optionally an overflow, if you want a scrollable content:

<style>
    .RadToolTip.RadComboBoxToolTip{
        max-width: 200px;
    }
</style>
<telerik:RadComboBox ID="RadComboBox1" runat="server" EmptyMessage="Select" DataTextField="Name">
    <ItemTemplate>
        <asp:Label runat="server" ID="Label1" Text='<%# Eval("Name")%> '></asp:Label>
        <telerik:RadToolTip ID="RadToolTip1" CssClass="RadComboBoxToolTip" runat="server" TargetControlID="Label1" Position="BottomRight" Text='<%# Eval("Name")%>'>
        </telerik:RadToolTip>
    </ItemTemplate>
</telerik:RadComboBox>

Another option is to just manipulate the string passed to the ToolTip's Text property:

<telerik:RadToolTip ID="RadToolTip1" CssClass="RadComboBoxToolTip" runat="server" TargetControlID="Label1" Position="BottomRight" Text='<%# Eval("Name").ToString().Length < 20 ? Eval("Name"): Eval("Name").ToString().Substring(0,17)+"..."   %>'>

 

Regards,
Peter Milchev
Progress Telerik