Code to replicate the issue:
<telerik:RadMultiColumnComboBox ID="RadMultiColumnComboBox1" runat="server">
</telerik:RadMultiColumnComboBox>
<telerik:RadToolTip runat="server" ID="RadToolTip2" Title="Company Short Name" TargetControlID="RadMultiColumnComboBox1" ShowEvent="OnFocus" Width="200px" Position="MiddleRight">
Tooltip Content
</telerik:RadToolTip>
Next, focus on the MultiColumnComboBox, but the ToolTip won't show.
Hi Russ,
Thank you for reporting this issue.
As per our findings in the support ticket, I am also sharing the workaround here with the public.
Add the following JavaScript code anywhere on the Page (MasterPage, ContentPage, UserControl), but it is important to be placed after the ScriptManager.
<script>
(function () {
try {
Telerik.Web.UI.RadToolTip.prototype.set_targetControlID = function (value) {
if (this._targetControlID != value) {
this._targetControlID = value;
var targetControl = (this._targetControlID ? $get(this._targetControlID) : null);
// Start Workaround
try {
if (targetControl.control && targetControl.control instanceof Telerik.Web.UI.RadMultiColumnComboBox) {
targetControl = targetControl.control.get_kendoWidget().input[0];
// Only needed if positioning to the right (Position="MiddleRight")
if (this.get_position() == 23) {
// Access the DropDown Button element
var dropDownButton = $(targetControl.parentElement).find('.k-select[role=button]')[0];
// Update the offset according to the button's width
this.set_offsetX(dropDownButton.getBoundingClientRect().width);
}
}
} catch (e) {
// Telerik.Web.UI.RadMultiColumnComboBox is not available.
}
// End Workaround
this.set_targetControl(targetControl);
}
}
} catch (e) {
// Telerik.Web.UI.RadToolTip is not available.
}
})()
</script>
Please excuse us for any inconvenience this may have caused.
Regards,
Attila Antal
Progress Telerik