I am using kendo UI panel bar in my page and showing charts into it so I just want to add pagination into too. I have explored to get a solution for this but no luck so could you
please provide me the solution for the same.
We are working on enterprise product, which uses Progress Telerik jQuery KendoUI components extensively purchased by our Company. In which Kendo PanelBar is used in many modules of our product.
Now a days we are working on Accessibility (i.e. keyboard and screen reader) as part of out-of-box feature of our product.
The Kendo Panel Bar has been made accessible so that it can be navigated using the keyboard arrow keys, once it receives focus via Tab Key.
We have created small example on dojo.telerik.com (i.e. which can be referred on https://dojo.telerik.com/@chiragvidani/EBEPUnoY/3) to explain issue faced by us, when accessing via Screen Reader. Please find issues below:
Secondly when referring WAI-ARIA practices on www.w3.org website (i.e. https://www.w3.org/TR/wai-aria-practices/examples/accordion/accordion.html), we found some differences as explained below:
Kindly help us with your assistance.
In order to be able to use the Paner Bar as an assistant, or to be more polivalent as such, I think that this would be a nice feature to boost the use of Panel Bar
When PanelBar items are disabled they are greyed out and the controls on them are disabled. It would be nice if the user had the option to disable a panelBar but also enable whether they are still expandable\collapsable. This way the user could make the panelBar replicate a readonly View.
Add MVVM support for PanelBar, so sections can be added dynamicaly from ViewModel. Currently no MVVM support exists for PanelBar, but there is already MVVM support implemented for TreeView (both of them use hierarchical datasource).
This is a must have. Sooner rather than later please!
Allow each item in a PanelBar to be named via Name() and then allow access to the items with alternatives like: var pb = $("#panelBar").data.("kendoPanelBar"); var item = pb.Items("myName"); or var item5 = pb.Items(5); Further, make the expand. collapse, select methods become methods of the item so that.... $("#panelBar").Items("myItem").expand(); is the way it is done. I am sure the same principle can be applied to other widgets like Menu, for example.
I have same problem as this guy http://www.kendoui.com/forums/ui/panelbar/expand-all.aspx Via some tricky magic I managed to expand just first sublevel It will be nice to have an option to render all panelBar item sublevels expanded and a method expandAll