PDA

View Full Version : Scope attribute in <tr scope="a"><td scope="b"> tag in EditorGridPanel in ExtJS.



sharadtitan2006
14 Sep 2010, 5:20 AM
As per the WCAG2.0 guideline (Accessibility Guideline) we need Scopeattribute in <tr><td> tag in EditorGridPanel in ExtJS.
I have found that internally it creates <table><tr><td><div></div></td></tr></table>

Can any way we can set attribute for these <table> created by EditorGridPanel.

Please help. Its urgent.

Condor
14 Sep 2010, 5:54 AM
You would have to modify the cell template. Which value would you want to set the scope to?

ps. Next time please use a normal font in your post!

sharadtitan2006
14 Sep 2010, 10:17 PM
Thanks for update, I will try the solution. Also, for the suggestion I have done that.

sharadtitan2006
14 Sep 2010, 10:30 PM
Can you please specify more about this cell template because I am unable to find this.

Condor
15 Sep 2010, 12:19 AM
new Ext.grid.GridPanel({
...
viewConfig: {
templates: {
cell: new Ext.Template(
'<td scope="col" class="x-grid3-col x-grid3-cell x-grid3-td-{id} {css}" style="{style}" tabIndex="0" {cellAttr}>',
'<div class="x-grid3-cell-inner x-grid3-col-{id}" unselectable="on" {attr}>{value}</div>',
'</td>');
}
}
})

sharadtitan2006
22 Sep 2010, 9:32 PM
Thanks for the reply.
Can we make this configurable as - style="{style}", similarly how can we make this as - scope="{col}", so that we can put our configurable - {col} values.

Please help, its urgent.