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

Slider Overlapping

1 Answer 37 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Appu
Top achievements
Rank 1
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

Sort by
0
Dimo
Telerik team
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.
Tags
Grid
Asked by
Appu
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Share this question
or