Как изменить родительский шрифт дерева Kendo MVC

Я использую Kendo MVC Treeview от Telerik. Как я могу изменить шрифт для всех родителей, у которых есть дочерние узлы.

Также можно ли увидеть строки для дерева?

Я попытался выполнить поиск на веб-сайте Telerik, но не нашел ничего полезного.

Вот как выглядят некоторые из моих родительских узлов

<div class="k-mid"><span class="k-icon k-minus" role="presentation"></span><a class="k-in k-state-focused" href="Test/Edit/1">Node 3</a></div>

<div class="k-top"><span class="k-icon k-minus" role="presentation"></span><a class="k-in k-state-focused" href="Test/Edit/2">Node 7</a></div>

Спасибо


asp.net-mvc asp.net-mvc-5 kendo-asp.net-mvc kendo-treeview kendo-ui-mvc
person ary    schedule 11.11.2015    source источник
comment
Вы можете добавлять строки с изменением стиля docs.telerik .com/kendo-ui/web/treeview/how-to/show-node-lines   -  person Steve Greene    schedule 12.11.2015
comment
@СтивГрин. Спасибо за ссылку. Это помогло с линиями для дерева. Мне просто нужно, как изменить шрифт родителей.   -  person ary    schedule 12.11.2015

Ответы (1)


arrow_upward
1
arrow_downward

Этот css работает для меня. По сути, найдите k-значки, которые являются стрелками, а затем установите шрифт на родственном диапазоне.

.k-treeview span.k-icon ~ span.k-in {
    font-weight: bold;
}

РЕДАКТИРОВАТЬ: если узел является якорем, попробуйте:

.k-treeview span.k-icon ~ a.k-in {
    font-weight: bold;
}
person Steve Greene    schedule 12.11.2015
comment
Спасибо за пример кода. Но это не работает для меня. Вот как выглядят мои узлы <div class="k-mid"><span class="k-icon k-minus" role="presentation"></span><a class="k-in k-state-focused" href="Test/Edit/1">Node 3</a></div> <div class="k-top"><span class="k-icon k-minus" role="presentation"></span><a class="k-in k-state-focused" href="Test/Edit/2">Node 7</a></div> - person ary; 13.11.2015