This is a migrated thread and some comments may be shown as answers.

RadButton ToolTip on a DropDownButton

18 Answers 226 Views

Buttons, RadioButton, CheckBox, etc

This is a migrated thread and some comments may be shown as answers.

18 Answers, 1 is accepted

answered on 20 Apr 2012, 10:10 AM

Hello Gal,

You don't need a RadHostItem to show a RadButton in a RadDropDownButton.
In order to show ToolTips on a RadMenuButtonItem inside a RadDropDownButton, you need to add the ToolTipText to the RadButtonElement of the RadMenuButtonItem.

For exmaple:

RadMenuButtonItem item1 = new RadMenuButtonItem("Item 1");

item1.ButtonElement.ToolTipText = "Tooltip for item 1";

RadMenuButtonItem item2 = new RadMenuButtonItem("Item 2");

item2.ButtonElement.ToolTipText = "Tooltip for item 2";

this.radDropDownButton1.Items.Add(item1);

this.radDropDownButton1.Items.Add(item2);

Hope this helps
Richard

answered on 23 Apr 2012, 06:47 PM

Hi
Richard thanks for your help
i have posted same code blocks
basicly i have add aUserControl (with 2 RadButtons) to RadHostItem and the RadHostItem to the DorpDownButton

T

the form

namespace RadControlsWinFormsApp2

{

public partial class Form1 : Form

{

public Form1()

{

InitializeComponent();

}

private void Form1_Load(object sender, EventArgs e)

{

UserControl1 item = new UserControl1();

RadHostItem hostItem = new RadHostItem(item);

hostItem.MinSize = new Size(item.Width, item.Height);

hostItem.MaxSize = new Size(item.Width, item.Height);

radDropDownButton1.Items.Add(hostItem);

}

private void radButton1_ToolTipTextNeeded(object sender, Telerik.WinControls.ToolTipTextNeededEventArgs e)

{

// radButton1.RootElement.ToolTipText = "Tooltippppppppppp";

e.ToolTipText = radButton1.RootElement.ToolTipText;

}

the user control

namespace RadControlsWinFormsApp2

{

public partial class UserControl1 : UserControl

{

public UserControl1()

{

InitializeComponent();

}

private void radButton1_ToolTipTextNeeded(object sender, Telerik.WinControls.ToolTipTextNeededEventArgs e)

{

// radButton1.RootElement.ToolTipText = "Tooltippppppppppp";

e.ToolTipText = radButton1.RootElement.ToolTipText;

}

private void rbFind_ToolTipTextNeeded(object sender, Telerik.WinControls.ToolTipTextNeededEventArgs e)

{

//rbFind.RootElement.ToolTipText = "ggggggggggggggggg";

e.ToolTipText = rbFind.RootElement.ToolTipText;

}

henks
Gal

answered on 25 Apr 2012, 04:05 PM

Hi
The case isn"t solve it
I have posted the CS and designer code

Thanks
Gal

The form Code

using System;

using System.Collections.Generic;

using System.ComponentModel;

using System.Data;

using System.Drawing;

using System.Linq;

using System.Text;

using System.Windows.Forms;

using Telerik.WinControls;

namespace RadControlsWinFormsApp2

{

public partial class Form1 : Form

{

public Form1()

{

InitializeComponent();

}

private void Form1_Load(object sender, EventArgs e)

{

UserControl1 item = new UserControl1();

RadHostItem hostItem = new RadHostItem(item);

hostItem.MinSize = new Size(item.Width, item.Height);

hostItem.MaxSize = new Size(item.Width, item.Height);

radDropDownButton1.Items.Add(hostItem);

}

private void radButton1_ToolTipTextNeeded(object sender, Telerik.WinControls.ToolTipTextNeededEventArgs e)

{

// radButton1.RootElement.ToolTipText = "Tooltippppppppppp";

e.ToolTipText = radButton1.RootElement.ToolTipText;

}

The form Designer

namespace RadControlsWinFormsApp2

{

partial class Form1

{

/// <summary>

/// Required designer variable.

/// </summary>

private System.ComponentModel.IContainer components = null;

/// <summary>

/// Clean up any resources being used.

/// </summary>

/// <param name="disposing">true if managed resources should be disposed; otherwise, false.</param>

protected override void Dispose(bool disposing)

{

if (disposing && (components != null))

{

components.Dispose();

}

base.Dispose(disposing);

}

#region Windows Form Designer generated code

/// <summary>

/// Required method for Designer support - do not modify

/// the contents of this method with the code editor.

/// </summary>

private void InitializeComponent()

{

this.radButton1 = new Telerik.WinControls.UI.RadButton();

this.radDropDownButton1 = new Telerik.WinControls.UI.RadDropDownButton();

((System.ComponentModel.ISupportInitialize)(this.radButton1)).BeginInit();

((System.ComponentModel.ISupportInitialize)(this.radDropDownButton1)).BeginInit();

this.SuspendLayout();

//

// radButton1

//

this.radButton1.Location = new System.Drawing.Point(81, 124);

this.radButton1.Name = "radButton1";

//

this.radButton1.RootElement.ToolTipText = "ddddddddddddddddddd";

this.radButton1.Size = new System.Drawing.Size(130, 24);

this.radButton1.TabIndex = 17;

this.radButton1.Text = "radButton1";

this.radButton1.ToolTipTextNeeded += new Telerik.WinControls.ToolTipTextNeededEventHandler(this.radButton1_ToolTipTextNeeded);

//

// radDropDownButton1

//

this.radDropDownButton1.Location = new System.Drawing.Point(71, 47);

this.radDropDownButton1.Name = "radDropDownButton1";

this.radDropDownButton1.Size = new System.Drawing.Size(140, 24);

this.radDropDownButton1.TabIndex = 18;

this.radDropDownButton1.Text = "radDropDownButton1";

((Telerik.WinControls.UI.RadDropDownButtonElement)(this.radDropDownButton1.GetChildAt(0))).Text = "radDropDownButton1";

//

// Form1

//

this.AutoScaleDimensions = new System.Drawing.SizeF(6F, 13F);

this.AutoScaleMode = System.Windows.Forms.AutoScaleMode.Font;

this.ClientSize = new System.Drawing.Size(249, 273);

this.Controls.Add(this.radDropDownButton1);

this.Controls.Add(this.radButton1);

this.Name = "Form1";

this.Text = "Form1";

this.Load += new System.EventHandler(this.Form1_Load);

((System.ComponentModel.ISupportInitialize)(this.radButton1)).EndInit();

((System.ComponentModel.ISupportInitialize)(this.radDropDownButton1)).EndInit();

this.ResumeLayout(false);

this.PerformLayout();

}

#endregion

private Telerik.WinControls.UI.RadButton radButton1;

private Telerik.WinControls.UI.RadDropDownButton radDropDownButton1;

}

the usercontrol cs

using System;

using System.Collections.Generic;

using System.ComponentModel;

using System.Drawing;

using System.Data;

using System.Linq;

using System.Text;

using System.Windows.Forms;

namespace RadControlsWinFormsApp2

{

public partial class UserControl1 : UserControl

{

public UserControl1()

{

InitializeComponent();

}

private void radButton1_ToolTipTextNeeded(object sender, Telerik.WinControls.ToolTipTextNeededEventArgs e)

{

// radButton1.RootElement.ToolTipText = "Tooltippppppppppp";

e.ToolTipText = radButton1.RootElement.ToolTipText;

}

private void rbFind_ToolTipTextNeeded(object sender, Telerik.WinControls.ToolTipTextNeededEventArgs e)

{

//rbFind.RootElement.ToolTipText = "ggggggggggggggggg";

e.ToolTipText = rbFind.RootElement.ToolTipText;

}

the usercontrol Designer

namespace RadControlsWinFormsApp2

{

partial class UserControl1

{

/// <summary>

/// Required designer variable.

/// </summary>

private System.ComponentModel.IContainer components = null;

/// <summary>

/// Clean up any resources being used.

/// </summary>

/// <param name="disposing">true if managed resources should be disposed; otherwise, false.</param>

protected override void Dispose(bool disposing)

{

if (disposing && (components != null))

{

components.Dispose();

}

base.Dispose(disposing);

}

#region Component Designer generated code

/// <summary>

/// Required method for Designer support - do not modify

/// the contents of this method with the code editor.

/// </summary>

private void InitializeComponent()

{

this.radPanel1 = new Telerik.WinControls.UI.RadPanel();

this.radPanel2 = new Telerik.WinControls.UI.RadPanel();

this.radButton1 = new Telerik.WinControls.UI.RadButton();

this.rbFind = new Telerik.WinControls.UI.RadButton();

((System.ComponentModel.ISupportInitialize)(this.radPanel1)).BeginInit();

this.radPanel1.SuspendLayout();

((System.ComponentModel.ISupportInitialize)(this.radPanel2)).BeginInit();

this.radPanel2.SuspendLayout();

((System.ComponentModel.ISupportInitialize)(this.radButton1)).BeginInit();

((System.ComponentModel.ISupportInitialize)(this.rbFind)).BeginInit();

this.SuspendLayout();

//

// radPanel1

//

this.radPanel1.Controls.Add(this.radPanel2);

this.radPanel1.Dock = System.Windows.Forms.DockStyle.Fill;

this.radPanel1.Location = new System.Drawing.Point(0, 0);

this.radPanel1.Name = "radPanel1";

this.radPanel1.Size = new System.Drawing.Size(330, 262);

this.radPanel1.TabIndex = 0;

this.radPanel1.Text = "radPanel1";

//

// radPanel2

//

this.radPanel2.Controls.Add(this.radButton1);

this.radPanel2.Controls.Add(this.rbFind);

this.radPanel2.Dock = System.Windows.Forms.DockStyle.Bottom;

this.radPanel2.Location = new System.Drawing.Point(0, 214);

this.radPanel2.Name = "radPanel2";

this.radPanel2.Size = new System.Drawing.Size(330, 48);

this.radPanel2.TabIndex = 1;

this.radPanel2.Text = "radPanel2";

//

// radButton1

//

this.radButton1.DisplayStyle = Telerik.WinControls.DisplayStyle.Image;

this.radButton1.Dock = System.Windows.Forms.DockStyle.Left;

this.radButton1.ImageAlignment = System.Drawing.ContentAlignment.MiddleCenter;

this.radButton1.Location = new System.Drawing.Point(32, 0);

this.radButton1.Name = "radButton1";

//

this.radButton1.RootElement.Class = "";

this.radButton1.RootElement.ToolTipText = "איתור רכיב";

this.radButton1.Size = new System.Drawing.Size(32, 48);

this.radButton1.TabIndex = 19;

this.radButton1.Text = "חפש";

this.radButton1.ToolTipTextNeeded += new Telerik.WinControls.ToolTipTextNeededEventHandler(this.radButton1_ToolTipTextNeeded);

((Telerik.WinControls.UI.RadButtonElement)(this.radButton1.GetChildAt(0))).ImageAlignment = System.Drawing.ContentAlignment.MiddleCenter;

((Telerik.WinControls.UI.RadButtonElement)(this.radButton1.GetChildAt(0))).DisplayStyle = Telerik.WinControls.DisplayStyle.Image;

((Telerik.WinControls.UI.RadButtonElement)(this.radButton1.GetChildAt(0))).Text = "חפש";

//

// rbFind

//

this.rbFind.DisplayStyle = Telerik.WinControls.DisplayStyle.Image;

this.rbFind.Dock = System.Windows.Forms.DockStyle.Left;

this.rbFind.ImageAlignment = System.Drawing.ContentAlignment.MiddleCenter;

this.rbFind.Location = new System.Drawing.Point(0, 0);

this.rbFind.Name = "rbFind";

//

this.rbFind.RootElement.Class = "";

this.rbFind.RootElement.ToolTipText = "איתור רכיב";

this.rbFind.Size = new System.Drawing.Size(32, 48);

this.rbFind.TabIndex = 18;

this.rbFind.Text = "חפש";

this.rbFind.ToolTipTextNeeded += new Telerik.WinControls.ToolTipTextNeededEventHandler(this.rbFind_ToolTipTextNeeded);

((Telerik.WinControls.UI.RadButtonElement)(this.rbFind.GetChildAt(0))).ImageAlignment = System.Drawing.ContentAlignment.MiddleCenter;

((Telerik.WinControls.UI.RadButtonElement)(this.rbFind.GetChildAt(0))).DisplayStyle = Telerik.WinControls.DisplayStyle.Image;

((Telerik.WinControls.UI.RadButtonElement)(this.rbFind.GetChildAt(0))).Text = "חפש";

//

// UserControl1

//

this.AutoScaleDimensions = new System.Drawing.SizeF(6F, 13F);

this.AutoScaleMode = System.Windows.Forms.AutoScaleMode.Font;

this.Controls.Add(this.radPanel1);

this.Name = "UserControl1";

this.Size = new System.Drawing.Size(330, 262);

((System.ComponentModel.ISupportInitialize)(this.radPanel1)).EndInit();

this.radPanel1.ResumeLayout(false);

((System.ComponentModel.ISupportInitialize)(this.radPanel2)).EndInit();

this.radPanel2.ResumeLayout(false);

((System.ComponentModel.ISupportInitialize)(this.radButton1)).EndInit();

((System.ComponentModel.ISupportInitialize)(this.rbFind)).EndInit();

this.ResumeLayout(false);

}

#endregion

private Telerik.WinControls.UI.RadPanel radPanel1;

private Telerik.WinControls.UI.RadPanel radPanel2;

private Telerik.WinControls.UI.RadButton radButton1;

private Telerik.WinControls.UI.RadButton rbFind;

}

Accepted

answered on 30 Apr 2012, 12:06 PM

Tooltips-in-user-control.zip

Hello guys,

@Gal - thank you for providing me with these snippets. They helped me fully understand your scenario. The observed behavior is caused by the fact that the buttons in the user control cannot find a form, which they need in order to paint their tooltips. To handle this case, you need to create a custom button which implements the ITooltipOwner interface and then assign the appropriate owner of the buttons (RadDropDownButton in your case). Attached you can find a sample application demonstrating how to achieve this.

I hope that you find this information helpful.

Kind regards,
Stefan
the Telerik team

RadControls for WinForms Q1'12 release is now live! Check out what's new or download a free trial >>

answered on 23 Nov 2013, 12:23 PM

This morning I wasted one entire hour to find out how to set a tooltip text for
an ordinary button.
I only found out when I read here in the forum that there is
a button property called 'buttonelement'.
Why is this property nowhere to be seen in the property window?
Instead there is 'rootelement' with its tooltiptext property, but using this one
has absolutly no effect.

After I solved this problem I needed to add a tooltip to a dropdownbutton.
How nice it would be if there was a tooltiptext property ...
But no, there is none, and the 'buttonelement' solution - in this case called 'dropdownelement' -
doesn't work either !!!
How much different ways do you use in order to hide the tooltip functionality ?

Sample applications like Stefan uploaded aren't helpful as the versions of
Visual Studio and DevCraft change permanently. I was not able to use the
sample with my Visual Studio 2010. But somehow it seems to me that I have to
create a new custom built class inheriting the dropdownbutton.

So I still don't know how to add the tooltip text to the dropdownbutton (to the
container, not to the items).

As Abhinav pointed out it's absolutly annoying that it is not possible
to simply set a tooltip text in the property window. It's one of the
most basic function I expect from an IDE, and Stefan's ignorant comment that
'it is how our tooltips work' is upsetting me quite a bit.

Maybe you should do some thinking about the purpose of your products.
Aren't they supposed to make our work easier?

Regards from a frustrated
Frank

answered on 25 Nov 2013, 11:39 AM

Hi Frank,

I am sorry to hear for your disappointment. Let me start addressing the questions you have in the order asked.

First you mention the ButtonElement property and why it is not shown in the Property Window. All control in the suite are built on top the of Telerik Presentation Framework, which allows for great extensibility and customization. This means that each control of ours is built from different elements and these elements are connected with the control via the RootElement you saw. In the property window you can see the most important properties of a control. To access additional properties and elements, you need to dig down the control element hierarchy.

The ToolTipText property is declared in RadItem, which is a base class for our elements, and when this property is set, when hovering the respective element its ToolTipText will be shown in a tooltip. In the case of the RadDropDownButton, its main element is called DropDownButtonElement, and it consists of two elements in it ActionButton and ArrowButton. So, to show tooltips for these elements you need to set their ToolTipText property. As you can see this allows you to have different tooltips for the different elements:

RadDropDownButton dropDownButton = new RadDropDownButton();

dropDownButton.DropDownButtonElement.ActionButton.ToolTipText = "ActionButton";

dropDownButton.DropDownButtonElement.ArrowButton.ToolTipText = "ArrowButton";

Setting the ToolTipText property to the parent DropDownButton element is a known limitation that we will consider in future release. Here is a link to it: http://www.telerik.com/support/pits.aspx#/public/winforms/15965, where you can add your vote for it.

All controls of ours expose the ToolTipTextNeeded event, which will get triggered when an element is hovered. In the event handler, you can check which element triggered the event - the sender, and set the ToolTipText property from the event args. So, to just have a single ToolTipText for your button (or any other control), you can just handle this event:

void dropDownButton_ToolTipTextNeeded(object sender, ToolTipTextNeededEventArgs e)

{

e.ToolTipText = "something";

}

The event handler is the recommended way to work with tooltips for our controls and it allows you to capture the hovered element and set its tooltip very easily.

As to my previous answer, its intention was not to be ignorant, I did what I can to resolve this case and I said that we will consider changing the way the tooltips work if there is demand for this.

I hope that you find this information useful. Let me know if you have any additional questions regarding this matter.

Regards,
Stefan
Telerik

TRY TELERIK'S NEWEST PRODUCT - EQATEC APPLICATION ANALYTICS for WINFORMS.
Learn what features your users use (or don't use) in your application. Know your audience. Target it better. Develop wisely.
Sign up for Free application insights >>

answered on 25 Nov 2013, 02:34 PM

Not sure why we should be voting for something like this! plus you say you will "consider" adding this in a future release (this is unfortunate) ... for these reasons I refuse to vote!

FYI: My app started crashing when I used your suggested methods previously and I did not bother to report/post this error becoz it doesn't seem to matter to Telerik. So I now have a WinForms product rollout which is less user friendly w/o the tooltips ... sure we appreciate your prompt responses but that really doesn't resolve our issues with your products nor the fact that we are asked to submit samples to reproduce the issue even after identifying the cause right down to the line of your code. Simply, we do not have the time for this!

I'm seriously considering pulling the plug on Telerik, we are two projects old with Telerik products and have encountered so many issues (errors with using certain functionality/features such as this topic & also performance issues within asp.net) that it is extremely disappointing to put it mildly and we have not therefore gained much productivity as we had hoped! We do love the features that do save us time - but the host of issues or lack of basics overshadow the positives greatly. We'll just have to consider this a bad investment and invest our time more productively going forward.

answered on 26 Nov 2013, 07:18 AM

Hello Abhinav,

Thank you for your input.

The solution provided in this thread for handling the case with user control in a menu item in a popup
(the one with implementing the ITooltipOwner) is a rare one to use and it concerns only elements in popups, as in this case, they do not have a valid owner form. This is a known limitation of the tooltips functionality and we have plans on researching for possible ways for this to be handled. In the general case, when you assign the ToolTipText of a RadElement, its ToolTipText will be shown as tooltip. Or, even better, just use the ToolTipTextNeeded event handler with a single property setting to show the desired tooltips.

I am not sure why your app started crashing and whether the provided solution is for your case. As I mentioned if is for very rare cases (the one Gal reported) and the aforementioned property and/or event should suffice in most cases. If you provide me with more details about your case I will gladly look into it.

I can assure you that we take very seriously every report we have and we log the reasonable cases in our Public Issue Tracking System for our users to vote. This way, we can keep track on the demand for the different items when we plan our roadmap.

As to the project's requests, we do demand such when we are unable to replicate a behavior the users complain from. Even if we know where the error appears or if we can guess what might be causing it, with such a huge codebase as ours it is not possible to pinpoint the exact circumstances that lead so such behavior, hence we need a project so we can work with the precise case and make sure we cover it.

If you have any difficulties using our product, do not hesitate contacting our support team. We will do our best to make you more productive using our tools.

Let me know if you need assistance with your project tooltips, or if you have any other questions.

Regards,
Stefan
Telerik

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

RadButton ToolTip on a DropDownButton

18 Answers, 1 is accepted