MINIMIZING the Height of the TextBox that appears with the FILTER icon when we enable the filtering option.

[Ajay]

Hi folks there !

I have been using the RAD GRID for a quite some while in my project.

I have enabled the FILTERING option on to my RAD GRID.

How can I minimize the HEIGHT of the TEXT BOX that appers with the FILTER Icon when we enable the filtering option.

Please help.

Below is the code that I ahve been using in my application :-

<telerik:RadGrid ID="AllFilesRadGrid" runat="server" DataSourceID="AllFilesSqlDataSource"
                    GridLines="None" AllowFilteringByColumn="True" Skin="Vista">
                    <MasterTableView AutoGenerateColumns="False"  DataKeyNames="File_Id" AllowFilteringByColumn="True" DataSourceID="AllFilesSqlDataSource">
                        <RowIndicatorColumn>
                            <HeaderStyle Width="20px"></HeaderStyle>
                        </RowIndicatorColumn>
                        <ExpandCollapseColumn>
                            <HeaderStyle Width="20px"></HeaderStyle>
                        </ExpandCollapseColumn>
                        <Columns>
                            <telerik:GridBoundColumn DataField="File_Name" HeaderText="File Name" SortExpression="File_Name"
                                UniqueName="File_Name" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains" ShowFilterIcon="true">
                                <ItemStyle Width="50px" CssClass="GridCSS" />
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="File_Path" HeaderText="File Path" SortExpression="File_Path"
                                UniqueName="File_Path" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains" ShowFilterIcon="true">
                                <ItemStyle Width="50px" CssClass="GridCSS" />
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="File_Type" HeaderText="File Type" SortExpression="File_Type"
                                UniqueName="File_Type" ReadOnly="True" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains" ShowFilterIcon="true">
                            </telerik:GridBoundColumn>
                              <telerik:GridBoundColumn DataField="StatusOfFile" HeaderText="File Status" SortExpression="StatusOfFile"
                                UniqueName="StatusOfFile" ReadOnly="True" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains" ShowFilterIcon="true">
                            </telerik:GridBoundColumn>
                            <telerik:GridBoundColumn DataField="File_UploadedDate"  DataType="System.DateTime"
                                HeaderText="Uploaded Date" SortExpression="File_UploadedDate" UniqueName="File_UploadedDate" DataFormatString="{0:MM/dd/yy}"  HtmlEncode="false">
                            </telerik:GridBoundColumn>
                                 <telerik:GridBoundColumn DataField="File_UploadedByName" DataType="System.Int32" HeaderText="Uploaded By"
                                SortExpression="File_UploadedByName" UniqueName="File_UploadedByName" AutoPostBackOnFilter="true" CurrentFilterFunction="Contains" ShowFilterIcon="true">
                            </telerik:GridBoundColumn>
                            <telerik:GridTemplateColumn HeaderText="Action" UniqueName="TemplateColumn" AllowFiltering="false" AutoPostBackOnFilter="false"  ShowFilterIcon="false">
                                <ItemTemplate>

                                    <asp:ImageButton ID="DownloadImageButton" AlternateText="Download" runat="server" ImageUrl="~/Images/download_manager2.png" Width="16px" Height="16px" CommandArgument='<%# Eval("File_FullPath") %>'  onclick="DownloadImageButton_Click" />
                                    &nbsp;
                                    &nbsp;
                                    <asp:ImageButton ID="ArchiveImageButton" AlternateText="Archive" runat="server" ImageUrl="~/Images/archiver.png" Width="16px" Height="16px" CommandArgument='<%# Eval("File_FullPath") %>' onclick="ArchiveImageButton_Click" />
                                      <cc1:ConfirmButtonExtender ID="ArchiveConfirmButtonExtender" runat="server" ConfirmText="Are you sure you want to archive ?" TargetControlID="ArchiveImageButton" >
                                    </cc1:ConfirmButtonExtender>
                                    &nbsp;
                                    <asp:ImageButton ID="DeleteImageButton" AlternateText="Delete" runat="server" ImageUrl="~/Images/editdelete.png" Width="16px" Height="16px" CommandArgument='<%# Eval("File_FullPath") %>' onclick="DeleteImageButton_Click" />
                                    <cc1:ConfirmButtonExtender ID="DeleteConfirmButtonExtender" runat="server" ConfirmText="Are you sure you want to delete ?" TargetControlID="DeleteImageButton" >
                                    </cc1:ConfirmButtonExtender>
                                </ItemTemplate>
                                 <ItemStyle Width="330px" />
                                 <HeaderStyle VerticalAlign="Middle" HorizontalAlign="Center" />
                            </telerik:GridTemplateColumn>
                        </Columns>
                    </MasterTableView>
                    <ClientSettings EnableRowHoverStyle="true">
                    <Selecting AllowRowSelect="True" />
                    </ClientSettings>
                </telerik:RadGrid>

 Please help me ..


Ajay

[Vlad]

Hello Ajay,

You've missed this article.

Regards,
Vlad
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Ajay]

Hi Vlad !

 Thanks  a lot for you reply ....

    It worked for me .........

Thanks a lot budy..............

Cheers...........