This is a migrated thread and some comments may be shown as answers.

[Solved] Slider Overlapping

1 Answer 109 Views

Grid

This is a migrated thread and some comments may be shown as answers.

Appu asked on 26 Jun 2009, 05:25 PM

Hi
     I have the problem in IE to display the RadGrid..

               I have placed the below code to fit the slider control in radgrid. But once i enabled the scrollbar freezing . I could not get the right dispaly for my slider control while it is loading. But once i change the value of slider, automattically fit accoardingly what i meant to occupy.Plz help me for this problem as soon as poosible.
Note: The slider fits in Firefox but not in IE

my style code are given below for ur reference..

<telerik:GridBoundColumn HeaderStyle-Width="250px" ItemStyle-Width="500px" SortExpression="Quantity"
                            Aggregate="Sum" FooterText="Quantity :" ItemStyle-HorizontalAlign="left" FooterStyle-HorizontalAlign="Center"
                            HeaderText="Quantity" DataField="Quantity" UniqueName="Quantity">
                            <FilterTemplate>
                                <table border="0">
                                    <tr>
                                        <td style="border-width: 0px;">
                                            <asp:Label ID="MinLabel" runat="server" Text="$0"></asp:Label>
                                        </td>
                                        <td style="border-width: 0px;">
                                            <telerik:RadSlider runat="server" ID="RadSlider1" IsSelectionRangeEnabled="true"
                                                SmallChange="5" Style="float:none;display:table-row" ShowDecreaseHandle="false" ShowIncreaseHandle="false" Width="135px"

                                                OnClientSlideStart="ClientSlideStart" />
                                            <div style="clear: both">
                                                <asp:Literal ID="Literal1" runat="server" Text='<%# "Range: $" + StartSlider + " - $" + EndSlider %>' />
                                            </div>

                                        </td>
                                        <td style="border-width: 0px;">
                                            <asp:Label ID="MaxLabel" runat="server" Text="$25"></asp:Label>
                                        </td>
                                    </tr>
                                </table>
                            </FilterTemplate>
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn SortExpression="SourceFile" AllowFiltering="false" HeaderText="SourceFile"
                            DataField="SourceFile">
                        </telerik:GridBoundColumn>

1 Answer, 1 is accepted

answered on 01 Jul 2009, 11:44 AM

Hello Appu,

I can't seem to reproduce this problem locally. Here is my test page, let me know if I am missing something.

(RadControls version 2009.1.527, tested in IE7, IE8, Firefox 3)

    
            <%@ Page Language="C#" %> 
        
            <%@ Import Namespace="System.Data" %> 
        
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
        
            <script runat="server"> 
        
                protected void RadGrid_NeedDataSource(object sender, GridNeedDataSourceEventArgs e) 
        
                { 
        
                    DataTable dt = new DataTable(); 
        
                    DataRow dr; 
        
                    int colsNum = 3; 
        
                    int rowsNum = 5; 
        
                    string colName = "Column"; 
        
                    for (int j = 1; j <= colsNum; j++) 
        
                    { 
        
                        dt.Columns.Add(String.Format("{0}{1}", colName, j)); 
        
                    } 
        
                    dt.Columns.Add("Quantity"); 
        
                    for (int i = 1; i <= rowsNum; i++) 
        
                    { 
        
                        dr = dt.NewRow(); 
        
                        for (int k = 1; k <= colsNum; k++) 
        
                        { 
        
                            dr[String.Format("{0}{1}", colName, k)] = String.Format("{0}{1} Row{2}", colName, k, i); 
        
                        } 
        
                        dr["Quantity"] = "1"; 
        
                        dt.Rows.Add(dr); 
        
                    } 
        
                    (sender as RadGrid).DataSource = dt; 
        
                } 
        
            </script> 
        
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
        
            "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
        
            <html xmlns="http://www.w3.org/1999/xhtml"> 
        
            <head runat="server"> 
        
            <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
        
            <title>RadControls for ASP.NET AJAX</title> 
        
            </head> 
        
            <body> 
        
            <form id="form1" runat="server"> 
        
            <asp:ScriptManager ID="ScriptManager1" runat="server" /> 
        
            <telerik:RadGrid 
        
                ID="RadGrid1" 
        
                runat="server" 
        
                AllowFilteringByColumn="true" 
        
                OnNeedDataSource="RadGrid_NeedDataSource"> 
        
                <MasterTableView> 
        
                    <Columns> 
        
                        <telerik:GridBoundColumn HeaderStyle-Width="250px" ItemStyle-HorizontalAlign="left" 
        
                            HeaderText="Quantity" DataField="Quantity" UniqueName="Quantity"> 
        
                            <FilterTemplate> 
        
                                <table border="0"> 
        
                                    <tr> 
        
                                        <td style="border-width: 0px;"> 
        
                                            <asp:Label ID="MinLabel" runat="server" Text="$0"></asp:Label> 
        
                                        </td> 
        
                                        <td style="border-width: 0px;"> 
        
                                            <telerik:RadSlider runat="server" ID="RadSlider1" IsSelectionRangeEnabled="true" 
        
                                                SmallChange="5" Style="float: none; display: table-row" ShowDecreaseHandle="false" 
        
                                                ShowIncreaseHandle="false" Width="135px" /> 
        
                                            <div style="clear: both"> 
        
                                                <asp:Literal ID="Literal1" runat="server" Text='Literal1' /> 
        
                                            </div> 
        
                                        </td> 
        
                                        <td style="border-width: 0px;"> 
        
                                            <asp:Label ID="MaxLabel" runat="server" Text="$25"></asp:Label> 
        
                                        </td> 
        
                                    </tr> 
        
                                </table> 
        
                            </FilterTemplate> 
        
                        </telerik:GridBoundColumn> 
        
                    </Columns> 
        
                </MasterTableView> 
        
            </telerik:RadGrid> 
        
            </form> 
        
            </body> 
        
            </html>

Kind regards,
Dimo
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.