diff --git a/apps/common/main/resources/less/buttons.less b/apps/common/main/resources/less/buttons.less
index 7ead3bd59..f521006f9 100644
--- a/apps/common/main/resources/less/buttons.less
+++ b/apps/common/main/resources/less/buttons.less
@@ -339,6 +339,11 @@
border: @scaled-one-px-value-ie solid @border-regular-control-ie;
border: @scaled-one-px-value solid @border-regular-control;
.border-radius(@border-radius-small);
+
+ &:focus:not(.disabled) {
+ border-color: @border-control-focus-ie;
+ border-color: @border-control-focus;
+ }
}
&:before,
diff --git a/apps/spreadsheeteditor/main/app/view/ChartDataDialog.js b/apps/spreadsheeteditor/main/app/view/ChartDataDialog.js
index 3ea2a9cc1..98e599c10 100644
--- a/apps/spreadsheeteditor/main/app/view/ChartDataDialog.js
+++ b/apps/spreadsheeteditor/main/app/view/ChartDataDialog.js
@@ -150,7 +150,8 @@ define([
store: new Common.UI.DataViewStore(),
emptyText: '',
scrollAlwaysVisible: true,
- itemTemplate: _.template('
<%= value %>
')
+ itemTemplate: _.template('<%= value %>
'),
+ tabindex:1
});
this.seriesList.onKeyDown = _.bind(this.onListKeyDown, this, 'series');
this.seriesList.on('item:select', _.bind(this.onSelectSeries, this));
@@ -199,7 +200,8 @@ define([
store: new Common.UI.DataViewStore(),
emptyText: '',
scrollAlwaysVisible: true,
- itemTemplate: _.template('<%= value %>
')
+ itemTemplate: _.template('<%= value %>
'),
+ tabindex:1
});
this.btnEditCategory = new Common.UI.Button({
@@ -210,17 +212,16 @@ define([
this.afterRender();
},
- afterRender: function() {
- this._setDefaults(this.chartSettings);
+ getFocusedComponents: function() {
+ return [this.txtDataRange, this.seriesList, this.btnAdd, this.btnEdit, this.btnDelete, this.btnUp, this.btnDown, this.btnSwitch, this.categoryList, this.btnEditCategory];
},
- show: function() {
- Common.Views.AdvancedSettingsWindow.prototype.show.apply(this, arguments);
+ getDefaultFocusableComponent: function () {
+ return this.txtDataRange;
+ },
- var me = this;
- _.delay(function(){
- me.txtDataRange.cmpEl.find('input').focus();
- },50);
+ afterRender: function() {
+ this._setDefaults(this.chartSettings);
},
close: function () {
diff --git a/apps/spreadsheeteditor/main/app/view/FormatRulesManagerDlg.js b/apps/spreadsheeteditor/main/app/view/FormatRulesManagerDlg.js
index 0c924c2ca..2eeabea6e 100644
--- a/apps/spreadsheeteditor/main/app/view/FormatRulesManagerDlg.js
+++ b/apps/spreadsheeteditor/main/app/view/FormatRulesManagerDlg.js
@@ -216,6 +216,8 @@ define([ 'text!spreadsheeteditor/main/app/template/FormatRulesManagerDlg.templa
Common.UI.FocusManager.add(this, this.rulesList);
Common.UI.FocusManager.add(this, this.btnNew);
Common.UI.FocusManager.add(this, this.btnEdit);
+ Common.UI.FocusManager.add(this, this.btnUp);
+ Common.UI.FocusManager.add(this, this.btnDown);
Common.UI.FocusManager.add(this, this.btnDelete);