This is a migrated thread and some comments may be shown as answers.

Group name keyboard accessibility

2 Answers 59 Views
OrgChart
This is a migrated thread and some comments may be shown as answers.
Ryan
Top achievements
Rank 1
Ryan asked on 18 Dec 2014, 01:53 AM
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 Answers, 1 is accepted

Sort by
0
Ryan
Top achievements
Rank 1
answered on 18 Dec 2014, 02:11 AM
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>');
            });
        });
0
Peter Filipov
Telerik team
answered on 22 Dec 2014, 12:40 PM
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. 

Regards,
Peter Filipov
Telerik
 

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.

 
Tags
OrgChart
Asked by
Ryan
Top achievements
Rank 1
Answers by
Ryan
Top achievements
Rank 1
Peter Filipov
Telerik team
Share this question
or