Text "Select" Temporarily displayed in Filter

[Cliff Akers]

Hi All,

I am using RadControls for ASP.NET Q3 2010. I have a radgrid which has filtering enabled. When toggling the filter button on for the first time, the text "select" is temporarily displayed where the filter control should be. The text is displayed for a moment then the filter controls are rendered correctly. See attachment. I am not sure what would cause this behavior.

How do I prevent "select" from being displayed at all when the filter controls are being rendered?

Regards,
Cliff

[Radoslav]

Hi Cliff,

Could you please post your RadGrid declaration with the related code behind file. Thus we will be able to gather more details about your scenario and provide you with more to-the-point answer.

Kind regards,
Radoslav
the Telerik team

[Cliff Akers]

Hi Radoslav,

 

The solution is rather large, so I don't think it would be advisable for me to post the entire source code. I was hoping that one of the Telerik experts would have seen this behavior before and could easily provide a fix. I will keep researching on my own and try to get it figured out. If I am still having issues I will try and get a "trimmed" down version of the source code for your review.

 

By the way, the appearance of the "select" text (as seen in the screen shot) only occurs when toggling the filter on and only momentarily. When someone toggles the filter on, the columns are resized to accommodate the filter controls. Once the columns are resized the text "select" is no longer visible. Maybe it has something to do with the resize?

 

Thanks,

Cliff 

[Cliff Akers]

Determined that the style sheets for the RadCombobox were not being loaded until the filter toggle button was being pressed. Added an invisible RadComboBox to the page to get the appropriate styles to load. It is important to note that adding a radcombobox with the visible property set to false did not due the trick. Had to add a radcombobox with the visible property set to true and display none. Here is the small snippet of code that fixed this issue.

<div style="display: none; width: 0px; height: 0px;">
    <%-- Add this invisible RadComboBox to get the RadComboBox css to load. --%>
    <telerik:RadComboBox Width="100%" DropDownWidth="250" MarkFirstMatch="true" ID="RadComboBox1"    AutoPostBack="true" skin="Office2007"
     AppendDataBoundItems="true" runat="server" Visible="true">
        <Items>
            <telerik:RadComboBoxItem Text="" />
        </Items>
    </telerik:RadComboBox>
</div>

[Radoslav]

Hi Cliff,

I am glad that you resolved the described issue. Additionally adding a RadComboBox with the visible property set to false did not load the scripts and styles on the client, because when you set the Visible property of some control to false it will not been rendered on the page. However if the control is not rendered all styles and scripts for it will not been requested and downloaded on the client.

If you need further assistance, do not hesitate to contact us again.

All the best,
Radoslav
the Telerik team