This is an error that took us an hour to figure out.
We are using the right-arrow icon as part of the content within a collapsible header to represent a transition. (See image)
We found that the expand/collapse icon did not appear.
Further investigation reveals that if the header content contains a span with a class matching the regular expression k-i-arrow.* then the expand/collapse icon doesn't work.
See this example. https://dojo.telerik.com/EwAsaKAf/3
Hello,
for a database table 'FAQ' (with columns Question and Answer) I want use the PanelBar to show the faq. If I use https://demos.telerik.com/aspnet-core/panelbar/remote-data-binding then the Answers (the childs) ar not displayed. But this I could solved by a ajax call which write the response to an array 'data'.
The childs are displayed as buttons. Can I display the child text as normal text?
And can I render the child text as html for links, formatting ...?
Dojo: https://dojo.telerik.com/OQusiTiJ
Regards,
Peter
Out of the box the arrow defaults to up for opened and down for closed. Out art director wanted to know if we could change the arrow to be pointing left for closed and up for open.
Hope this question makes sense.
Philip
Hi Support team,
The panel bar expanding is not expanding now ,when I upgraded to the latest version (2017.2.621.545) from old version (2016.....).
here is the JQuery code to expand on java-script call event which I am using ,it was working perfectly
var panelBar = $("#pnlbar").data("kendoPanelBar");
panelBar.select(panelBar.element.children("li").eq(2));
panelBar._selected[0].style.display = 'block';
var item = panelBar.select();
panelBar.expand(item);
please advice me the solution asap to solve the issue ..
Thanks...
Hi
Is it possible to use templates in a databound panelbar?
Pseudo:
<ul kendo-panel-bar k-data-source=
"files.panelData.data()"
k-rebind=
"files.panelData.data()"
>
<span k-template>
<i class=
"fa fa-folder-open"
ng-hide=
"{{!dataItem.expanded}}"
></i>
<i class=
"fa fa-folder"
ng-hide=
"{{dataItem.expanded}}"
></i>
{{dataItem.text}} <span ng-show=
"dataItem.count!= 0"
>({{dataItem.count}})</span>
</span>
</ul>
(gives --> k-template without a matching parent widget found. It can be one of the following: ?^^kendoTreeMap, ?^^kendoMobileListView, ?^^kendoMobileScrollView, ?^^kendoListView, ?^^kendoTreeView )