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

Grid pagesize combobox not styled

1 Answer 60 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Christian
Top achievements
Rank 1
Christian asked on 17 May 2017, 08:23 AM

What can be a reason that the grid doesn't have a styled pagesize combobox?

As you can see in the screenshot everything else looks OK.

 

This is the CSHTML code:

@(Html.Kendo().Grid(Model.Surveys)
    .Name("grid")
    .Columns(columns =>
    {
        columns.Bound(c => c.ResponseCount);
        columns.Bound(c => c.Description).HtmlAttributes(new { style = "color: green;" });
        columns.Command(c =>
        {
            c.Custom("Preview").Click("goPreview");
            c.Custom("Edit").Click("goEdit");
            c.Custom("Manage").Click("goManage");
        })
        .Title("Design & Manage");
        columns.Bound(c => c.OwnerFullName)
        .Title("Owner");
        columns.Bound(c => c.State);
        columns.Bound(c => c.BuildDateString)
        .Title("Created On");
        columns.Bound(c => c.DeploymentDateString)
        .Title("Last Modified");
    })
    .Sortable()
    .Pageable(pageable => pageable
        .Refresh(true)
        .PageSizes(new [] {"All", "10", "20", "50", "100" })
        .ButtonCount(5))
  )

 

This is the HTML code of the page size combobox that have copied from the browser:

<span class="k-pager-sizes k-label">
<select>
<option value="all">All</option>
<option value="10">10</option>
<option value="20">20</option>
<option value="50">50</option>
<option value="100">100</option>
</select>
items per page</span>

1 Answer, 1 is accepted

Sort by
0
Christian
Top achievements
Rank 1
answered on 17 May 2017, 10:10 AM

Problem solved.

Somehow the "columns.Command(c => ..." disturbed the styling.
After removing that part everything looks like expected.

Tags
Grid
Asked by
Christian
Top achievements
Rank 1
Answers by
Christian
Top achievements
Rank 1
Share this question
or