This is a migrated thread and some comments may be shown as answers.
MINIMIZING the Height of the TextBox that appears with the FILTER icon when we enable the filtering option.

2 Answers 169 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Ajay asked on 05 Dec 2009, 09:31 AM
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
MINIMIZING the Height of the TextBox that appears with the FILTER icon when we enable the filtering option.

2 Answers, 1 is accepted
