Group name keyboard accessibility

3 posts, 0 answers
  1. Ryan
    Ryan avatar
    2 posts
    Member since:
    Oct 2013

    Posted 17 Dec 2014 Link to this post

    The names of groups are rendered in a div element with class 'rocItemField'.
    In my system, I have some javascript to handle the click event on this text to open a popup to edit the group name, etc.
    I need this div to be keyboard accessible, but because its a div you can't tab to it.

    Is there a way to define the template for a group on an orgChart, like the way you can define a template for an item?
    Then i can set the group name within an anchor and have it keyboard accessible.

    or can anyone recommend another approach? eg hack change all divs of class rocItemField into anchors with href='#' ?
  2. Ryan
    Ryan avatar
    2 posts
    Member since:
    Oct 2013

    Posted 17 Dec 2014 in reply to Ryan Link to this post

    i hacked in a fix using jQuery (which was already available). And handled the click event of the anchor's instead. Cheers.

      $(function () {
                $('.rocItemField').each(function () {
                    $(this).html('<a href="">' + $(this).html() + '</a>');
  3. Peter Filipov
    Peter Filipov avatar
    1028 posts

    Posted 22 Dec 2014 Link to this post

    Hello Ryan,

    It not possible to change the server-side rendering of the rendered fields so you will need to stick with the described approach. 

    Peter Filipov

    Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

Back to Top