bordersString(default: '')

Renders border around the listview items. Valid values are:

  • all: renders borders around listview items.
  • horizontal: renders top border of listview items. Useful when setting layout: "flex" and flex.direction: column.
  • vertical: renders top border of listview items. Useful when setting layout: "flex" and flex.direction: row.

Example

<div id="listview"></div>
<script>
$("#listview").kendoListView({
    dataSource: [
        { name: "Item 1" },
        { name: "Item 2" },
        { name: "Item 3" }
    ],
    template: "<div class='k-listview-item'>#: name #</div>",
    borders: "all"
});
</script>

Note: in order for the property to work, set k-listview-item class name to listview items in your template.

In this article
borders
Not finding the help you need?
Contact Support