Problem between radcombobox and radsplitter

[Daniel]

Hello, I have a problem with the style of radcombobox when located within a radsplitter.

I attached a picture to understand me.

Thanks for all.

[Princy]

Hello Daniel,

I have tried to reproduce the issue but no avail. Make sure that you are not overriding the default CSS. Here is the screenshot.

Thanks,
Princy.

[Daniel]

Hello, thank you very much for your help.
The problem occurs when I move the scroll down.

Thank you.

[Daniel]

Help me please!

Thanks to All

[Dobromir]

Hi Daniel,

This is expected behavior of RadCombbox. The dropdown is absolute positioned element, and its position is calculated according the combobox when it is displayed. To avoid this I would suggest you to handle the scroll event of the RadPane's content element and manually hide the RadComboBox'es dropdown, e.g.:

<style type="text/css">
    .positionCombo
    {
        margin-top: 200px;
        margin-bottom: 100px;
    }
</style>
<telerik:RadSplitter ID="RadSplitter1" runat="server" Orientation="Horizontal">
    <telerik:RadPane ID="RadPane1" runat="server">
        <telerik:RadComboBox ID="RadComboBox1" runat="server" CssClass="positionCombo">
            <Items>
                <telerik:RadComboBoxItem Value="1" Text="1" />
                <telerik:RadComboBoxItem Value="2" Text="2" />
                <telerik:RadComboBoxItem Value="3" Text="3" />
                <telerik:RadComboBoxItem Value="4" Text="4" />
                <telerik:RadComboBoxItem Value="5" Text="5" />
            </Items>
        </telerik:RadComboBox>
    </telerik:RadPane>
    <telerik:RadPane ID="RadPane2" runat="server">
    </telerik:RadPane>
</telerik:RadSplitter>
<script type="text/javascript">
    Sys.Application.add_load(function ()
    {
        var splitter = $find("<%= RadSplitter1.ClientID %>");
        var combo = $find("<%= RadComboBox1.ClientID %>");
        var pane = splitter.getPaneById("<%= RadPane1.ClientID %>");

        var paneElem = pane.getContentElement();
        $telerik.addHandler(paneElem, "scroll", function ()
        {
            combo.hideDropDown();
        }, false);
    });
</script>

Regards,
Dobromir
the Telerik team

[Daniel]

The solution is perfect, but it does not work for the columnfilter from radgridview.
As I can solve this problem?

Better yet, as I can find all the controls of  radcombobox type  on my form and apply these function?

I appreciate your cooperation.
Thanks

[Dobromir]

Hi Daniel,

You can get reference to all RadComboBox controls' client-side objects  registered on the page using the following JavaScript:

var comboBoxes = Telerik.Web.UI.RadComboBox.ComboBoxes; //get an array of registered RadComboBox client-side objects

All the best,
Dobromir
the Telerik team