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

[Solved] Telerik Grid MVC - Proper CSS not being applied to grid

2 Answers 66 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.
Matthew
Top achievements
Rank 1
Matthew asked on 25 Feb 2011, 02:41 AM
I'm having an issue with the grid extension.  The formatting is all weird and the styling looks like a mess.  I've succesfully implemented this in c#, however, currently I'm trying to do a vb implementation.  An example would be, I've noticed the "t-grid-header" class isn't being applied to the "thead" element.  When I manually apply this class, it clears up some of the header formatting.  However, there are several other classes that aren't being applied. I've attached screen shots of the issues and pasted the code below.  If anyone has had this problem before or can help, I would greatly appreciate it.  Also, if you're thinking it's because I'm using jQuery 1.5, it's likely not, as I've experienced this same problem with using the stock version of jQuery that came with my build of telerik extensions. Thanks!

Master Page:

 

<%=Html.Telerik().StyleSheetRegistrar().DefaultGroup(Function(group)  
group.DefaultPath("~/content/telerik") _
.Add("~/content/Site.css") _
.Add("~/content/telerik/telerik.common.min.css") _
.Add("~/content/telerik/telerik.simple.min.css") _
)
%> 

<ContentPlaceHolder>

 

<%=Html.Telerik().ScriptRegistrar().DefaultGroup(Function(group) group.Compress(True).DefaultPath("~/scripts/telerik").Add("~/scripts/jquery-1.5.min.js").Add("~/scripts/shared/admin/site.js")).jQuery(False)%>


View:

 

 

<%  With Html.Telerik().Grid(Model)
            .Pageable(Function(pager) pager.PageSize(20))
            .Sortable()
            .Filterable()
            .ToolBar(Function(commands) commands.Insert())
            .DataKeys(Function(datakeys) datakeys.Add(Function(x) x.RoleId))
            .Editable(Function(editing) editing.Enabled(True))
            .Columns(Function(col) col.Bound(Function(role) role.RoleName).Title("Role Name"))
            .Columns(Function(col) col.Bound(Function(role) role.RoleDescription).Title("Role Description"))
            .Columns(Function(col) col.Bound(Function(role) role.Active))
            .Columns(Function(col) col.Command(Function(commands) commands.Edit()))
            .Columns(Function(col) col.Command(Function(commands) commands.Delete()))
            .DataBinding(Function(databinding) databinding.Server() _
                             .Select("Index", "Roles") _
                             .Insert("Insert", "Roles") _
                             .Delete("Delete", "Roles") _
                             .Update("Update", "Roles"))
  
            .Name("Roles")
            .Render()
        End With%>

 



2 Answers, 1 is accepted

Sort by
0
Matthew
Top achievements
Rank 1
answered on 25 Feb 2011, 05:41 AM
Here's some information I forgot to include:

Browser: IE 7-8
Telerik Version: 2010.3.1110
Technology: ASP.NET MVC 2 (VB)
0
Matthew
Top achievements
Rank 1
answered on 25 Feb 2011, 08:21 PM
I was able to resolve the initial css issues by upgrading to 2010.3.1318, however, the css issues when editing a record (screenshot #2) still persist.
Tags
Grid
Asked by
Matthew
Top achievements
Rank 1
Answers by
Matthew
Top achievements
Rank 1
Share this question
or