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

Inside Grid

2 Answers 116 Views

Slider

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

Jonathan Rajotte asked on 11 Feb 2008, 10:06 PM

Hi,
I am trying to put a slidder within my Grid, it shows up correctly, but it is not editable as I would like it to be. Here is my code:

    
            <web:RadGrid ID="gvPlacementAtClientsCriteria" runat="server" Width="100%" AllowPaging="false" AllowSorting="false" GridLines="None">  
        
                    <ClientSettings ApplyStylesOnClient="True">  
        
                        <Selecting AllowRowSelect="True"></Selecting> 
        
                    </ClientSettings> 
        
                    <MasterTableView CssClass="MasterTable" DataKeyNames="Id" AllowMultiColumnSorting="True" Width="100%">  
        
                        <Columns> 
        
                            <rad:GridBoundColumn DataField="Id" UniqueName="Id" ReadOnly="True">  
        
                                <headerstyle width="10px" /> 
        
                                <itemstyle horizontalalign="Center" /> 
        
                            </rad:GridBoundColumn> 
        
                            <rad:GridTemplateColumn HeaderText="Client Name">  
        
                                <headerstyle width="300px" /> 
        
                                <ItemTemplate> 
        
                                    <asp:DropDownList ID="ddlClient" runat="server" /> 
        
                                </ItemTemplate> 
        
                            </rad:GridTemplateColumn> 
        
                            <rad:GridBoundColumn DataField="Percentage" HeaderText="%" ReadOnly="True">  
        
                                <headerstyle width="20px" /> 
        
                                <itemstyle horizontalalign="Center" /> 
        
                            </rad:GridBoundColumn> 
        
                            <rad:GridTemplateColumn HeaderText="Distribution">  
        
                                <headerstyle width="200px" /> 
        
                                <ItemTemplate> 
        
                                    <tk:RadSlider ID="radSlider1" runat="server" MinimumValue="0" MaximumValue="100" Orientation="Horizontal"></tk:RadSlider> 
        
                                </ItemTemplate> 
        
                            </rad:GridTemplateColumn> 
        
                            <rad:GridTemplateColumn HeaderImageUrl="~/Images/lock.gif" UniqueName="Locked">  
        
                                <itemtemplate> 
        
                                    <asp:CheckBox ID="ckbLocked" runat="server"></asp:CheckBox> 
        
                                </itemtemplate> 
        
                                <headerstyle width="10px" /> 
        
                                <itemstyle horizontalalign="Center" /> 
        
                            </rad:GridTemplateColumn> 
        
                        </Columns> 
        
                    </MasterTableView> 
        
                </web:RadGrid>

Thanks for your help,
Jonahtan

2 Answers, 1 is accepted

Accepted

answered on 13 Feb 2008, 12:12 PM

Hi Jonathan Rajotte,

You should invoke RadSlider.Redraw() method once you set the display:block.You can find a simple example, which illustrates how to show the slider which is in div with display:none below:

    
            <html xmlns="http://www.w3.org/1999/xhtml" > 
        
            <head id="Head1" runat="server">  
        
                <title>Untitled Page</title> 
        
                <script type="text/javascript">  
        
                 function ShowDiv()  
        
                 {          
        
                       $get("div1").style.display = "block";  
        
                       $find("RadSlider2").Redraw();          
        
                 }  
        
                </script> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server"><asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager> 
        
                <div> 
        
                <input type="button" onclick="ShowDiv()" value="showDiv" /> 
        
                <div id="div1" style="background-color:Green;width:600px;height:600px;display:none">  
        
                    <telerik:RadSlider ID="RadSlider2" runat="server" Skin="Default2006" Length="400" 
        
                     /> 
        
                </div>    
        
                </div> 
        
                </form> 
        
            </body> 
        
            </html>

If you have any other questions let us know.

Sincerely yours,
Petio Petkov
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

Inside Grid

2 Answers, 1 is accepted