Unplanned
Last Updated: 12 Jun 2023 09:47 by ADMIN
Russ
Created on: 09 Jun 2023 12:45
Category: MultiColumnComboBox
Type: Bug Report
0
RadToolTip will not show for the MultiColumnComboBox

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.

1 comment
ADMIN
Attila Antal
Posted on: 12 Jun 2023 09:47

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.

Workaround

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

Heads up! Telerik UI for ASP.NET AJAX versions for .NET 3.5 and 4.0 are retired. Progress will continue shipping assemblies compatible with .NET 4.5 and later. See whether this affects your apps in this article.