CODEWITHSUNDEEP
kendo-uikendo-grid
Mike Deluca
Mike Deluca

Reputation: 1210

Grid Pageable Change Font

I have a Kendo grid that contains the following code. How could I change the font and the font size of the message?

pageable: {
  buttonCount: 10,
  messages: {
    display: "{0}-{1} of {2} Stations",
    empty: "",
  }
}

Upvotes: 0

Views: 1383

Answers (1)

OnaBai
OnaBai

Reputation: 40887

Define the message as:

display: "<span class='ob-my-style'>{0}-{1} of {2} Stations</span>",

where ob-toto contains the style definition:

.ob-my-style {
    font-family: "Verdana", sans-serif;
    font-size: 2em;
}

Alternative, you can just define:

.k-pager-info.k-label {
    font-family: "Verdana", sans-serif;
    font-size: 2em;
}

Upvotes: 1

Related Questions