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);