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

[Solved] When I use scrollable, it throws my Grid position off ?

5 Answers 63 Views

Grid

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

This question is locked. New answers and comments are not allowed.

5 Answers, 1 is accepted

answered on 10 Dec 2009, 05:24 PM

This is the code for my masterpage ..

    
            <%@ Master Language="C#" Inherits="System.Web.Mvc.ViewMasterPage" %> 
        
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
        
            <html xmlns="http://www.w3.org/1999/xhtml">  
        
            <head runat="server">  
        
                <title><asp:ContentPlaceHolder ID="TitleContent" runat="server" /></title>  
        
                <script src="../../Scripts/MicrosoftAjax.debug.js" type="text/javascript"></script> 
        
                <script src="../../Scripts/MicrosoftMvcAjax.debug.js" type="text/javascript"></script> 
        
                <link href="../../Content/Site.css" rel="stylesheet" type="text/css" /> 
        
            <!-- iqworks for telerik -->      
        
            <%= Html.Telerik().StyleSheetRegistrar()                         
        
            .DefaultGroup(group => group.Add("Site.css")                                                    
        
            .Add("telerik.common.css")                                                      
        
            .Add("telerik.hay.css")                                                     
        
            .Combined(true)                                    
        
            ) %>   
        
            </head> 
        
            <body> 
        
                <div class="page">  
        
                    <div id="header">  
        
                        <div id="title">  
        
                            <h1>My Body Science</h1> 
        
                        </div> 
        
                        <div id="logindisplay">  
        
                            <% Html.RenderPartial("LogOnUserControl"); %> 
        
                        </div>   
        
                        <div id="menucontainer">  
        
                            <ul id="menu">                
        
                                <li><%= Html.ActionLink("Home", "Index", "Home")%></li>  
        
                                <li><%= Html.ActionLink("About", "About", "Home")%></li>  
        
                            </ul> 
        
                        </div> 
        
                    </div> 
        
                    <div id="main">  
        
                        <asp:ContentPlaceHolder ID="MainContent" runat="server" /> 
        
                        <div id="footer">  
        
                        </div> 
        
                    </div> 
        
                </div> 
        
              <% Html.Telerik().ScriptRegistrar().Render(); %>                                                                           
        
            </body> 
        
            </html>

This is the code for my view ...

    
            <%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master"   
        
            Inherits="System.Web.Mvc.ViewPage<IEnumerable<MBSAnalysisMVC.Models.Members>>" %> 
        
            <asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">  
        
            </asp:Content> 
        
            <asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">  
        
                <p> 
        
                   Telerik GRID Data .....  
        
                </p> 
        
              <table> 
        
            <%  Html.Telerik().Grid(Model)  
        
                .Name("MemberGrid")  
        
                .Columns(columns => 
        
                {   
        
                 columns.Add(o => o.MemberNo).Width(10);  
        
                 columns.Add(o => o.Username).Width(150);  
        
                 columns.Add(o => o.FirstName).Width(150);  
        
                 columns.Add(o => o.DateCreated).Format("{0:MM/dd/yyyy}").Width(120);  
        
                })  
        
                   // .Ajax() // Needs additional information.  
        
                     // .Scrollable()  //    
        
                    .Filterable()  
        
                   .Pageable()  
        
                    .Sortable()  
        
                    .Scrollable()  
        
                    .Render();  
        
                    %> 
        
              </table>    
        
                </asp:content>

Thanks for your time

answered on 10 Dec 2009, 05:42 PM

scrollableissue.JPG

Atanis, this is the screenshot that goes with the code I sent in the last post above ...