diff --git a/apps/common/main/lib/view/AdvancedSettingsWindow.js b/apps/common/main/lib/view/AdvancedSettingsWindow.js
index c794ebdee..c269de6e4 100644
--- a/apps/common/main/lib/view/AdvancedSettingsWindow.js
+++ b/apps/common/main/lib/view/AdvancedSettingsWindow.js
@@ -110,6 +110,22 @@ define([
this.content_panels = $window.find('.settings-panel');
if (this.btnsCategory.length>0)
this.btnsCategory[0].toggle(true, true);
+
+ me.menuAddAlign = function(menuRoot, left, top) {
+ var self = this;
+ if (!$window.hasClass('notransform')) {
+ $window.addClass('notransform');
+ menuRoot.addClass('hidden');
+ setTimeout(function() {
+ menuRoot.removeClass('hidden');
+ menuRoot.css({left: left, top: top});
+ self.options.additionalAlign = null;
+ }, 300);
+ } else {
+ menuRoot.css({left: left, top: top});
+ self.options.additionalAlign = null;
+ }
+ }
},
setHeight: function(height) {
diff --git a/apps/documenteditor/main/app/view/ImageSettingsAdvanced.js b/apps/documenteditor/main/app/view/ImageSettingsAdvanced.js
index 4d9f95fa8..3ea29b372 100644
--- a/apps/documenteditor/main/app/view/ImageSettingsAdvanced.js
+++ b/apps/documenteditor/main/app/view/ImageSettingsAdvanced.js
@@ -994,6 +994,7 @@ define([ 'text!documenteditor/main/app/template/ImageSettingsAdvanced.templat
});
this.btnBeginStyleMenu = (new Common.UI.Menu({
style: 'min-width: 105px;',
+ additionalAlign: this.menuAddAlign,
items: [
{ template: _.template('<div id="shape-advanced-menu-begin-style" style="width: 105px; margin: 0 5px;"></div>') }
]
@@ -1020,6 +1021,7 @@ define([ 'text!documenteditor/main/app/template/ImageSettingsAdvanced.templat
});
this.btnBeginSizeMenu = (new Common.UI.Menu({
style: 'min-width: 160px;',
+ additionalAlign: this.menuAddAlign,
items: [
{ template: _.template('<div id="shape-advanced-menu-begin-size" style="width: 160px; margin: 0 5px;"></div>') }
]
@@ -1052,6 +1054,7 @@ define([ 'text!documenteditor/main/app/template/ImageSettingsAdvanced.templat
});
this.btnEndStyleMenu = (new Common.UI.Menu({
style: 'min-width: 105px;',
+ additionalAlign: this.menuAddAlign,
items: [
{ template: _.template('<div id="shape-advanced-menu-end-style" style="width: 105px; margin: 0 5px;"></div>') }
]
@@ -1078,6 +1081,7 @@ define([ 'text!documenteditor/main/app/template/ImageSettingsAdvanced.templat
});
this.btnEndSizeMenu = (new Common.UI.Menu({
style: 'min-width: 160px;',
+ additionalAlign: this.menuAddAlign,
items: [
{ template: _.template('<div id="shape-advanced-menu-end-size" style="width: 160px; margin: 0 5px;"></div>') }
]
diff --git a/apps/presentationeditor/main/app/view/ShapeSettingsAdvanced.js b/apps/presentationeditor/main/app/view/ShapeSettingsAdvanced.js
index 903103335..2225935f6 100644
--- a/apps/presentationeditor/main/app/view/ShapeSettingsAdvanced.js
+++ b/apps/presentationeditor/main/app/view/ShapeSettingsAdvanced.js
@@ -337,6 +337,7 @@ define([ 'text!presentationeditor/main/app/template/ShapeSettingsAdvanced.tem
});
this.btnBeginStyleMenu = (new Common.UI.Menu({
style: 'min-width: 105px;',
+ additionalAlign: this.menuAddAlign,
items: [
{ template: _.template('<div id="shape-advanced-menu-begin-style" style="width: 105px; margin: 0 5px;"></div>') }
]
@@ -363,6 +364,7 @@ define([ 'text!presentationeditor/main/app/template/ShapeSettingsAdvanced.tem
});
this.btnBeginSizeMenu = (new Common.UI.Menu({
style: 'min-width: 160px;',
+ additionalAlign: this.menuAddAlign,
items: [
{ template: _.template('<div id="shape-advanced-menu-begin-size" style="width: 160px; margin: 0 5px;"></div>') }
]
@@ -395,6 +397,7 @@ define([ 'text!presentationeditor/main/app/template/ShapeSettingsAdvanced.tem
});
this.btnEndStyleMenu = (new Common.UI.Menu({
style: 'min-width: 105px;',
+ additionalAlign: this.menuAddAlign,
items: [
{ template: _.template('<div id="shape-advanced-menu-end-style" style="width: 105px; margin: 0 5px;"></div>') }
]
@@ -421,6 +424,7 @@ define([ 'text!presentationeditor/main/app/template/ShapeSettingsAdvanced.tem
});
this.btnEndSizeMenu = (new Common.UI.Menu({
style: 'min-width: 160px;',
+ additionalAlign: this.menuAddAlign,
items: [
{ template: _.template('<div id="shape-advanced-menu-end-size" style="width: 160px; margin: 0 5px;"></div>') }
]
diff --git a/apps/spreadsheeteditor/main/app/view/ChartSettingsDlg.js b/apps/spreadsheeteditor/main/app/view/ChartSettingsDlg.js
index 684a8d6f9..2e82f80d8 100644
--- a/apps/spreadsheeteditor/main/app/view/ChartSettingsDlg.js
+++ b/apps/spreadsheeteditor/main/app/view/ChartSettingsDlg.js
@@ -111,27 +111,12 @@ define([ 'text!spreadsheeteditor/main/app/template/ChartSettingsDlg.template'
// Layout
- var menuAddAlign = function(menuRoot, left, top) {
- var self = this;
- if (!$window.hasClass('notransform')) {
- $window.addClass('notransform');
- menuRoot.addClass('hidden');
- setTimeout(function() {
- menuRoot.removeClass('hidden');
- menuRoot.css({left: left, top: top});
- self.options.additionalAlign = null;
- }, 500);
- } else {
- menuRoot.css({left: left, top: top});
- self.options.additionalAlign = null;
- }
- };
this.btnChartType = new Common.UI.Button({
cls : 'btn-large-dataview',
iconCls : 'item-chartlist bar-normal',
menu : new Common.UI.Menu({
style: 'width: 435px; padding-top: 12px;',
- additionalAlign: menuAddAlign,
+ additionalAlign: this.menuAddAlign,
items: [
{ template: _.template('<div id="id-chart-dlg-menu-type" class="menu-insertchart" style="margin: 5px 5px 5px 10px;"></div>') }
]
@@ -792,7 +777,7 @@ define([ 'text!spreadsheeteditor/main/app/template/ChartSettingsDlg.template'
iconCls : 'item-chartlist spark-column',
menu : new Common.UI.Menu({
style: 'width: 200px; padding-top: 12px;',
- additionalAlign: menuAddAlign,
+ additionalAlign: this.menuAddAlign,
items: [
{ template: _.template('<div id="id-spark-dlg-menu-type" class="menu-insertchart" style="margin: 5px 5px 0 10px;"></div>') }
]
diff --git a/apps/spreadsheeteditor/main/app/view/ShapeSettingsAdvanced.js b/apps/spreadsheeteditor/main/app/view/ShapeSettingsAdvanced.js
index 686dadce3..9771c72ab 100644
--- a/apps/spreadsheeteditor/main/app/view/ShapeSettingsAdvanced.js
+++ b/apps/spreadsheeteditor/main/app/view/ShapeSettingsAdvanced.js
@@ -357,6 +357,7 @@ define([ 'text!spreadsheeteditor/main/app/template/ShapeSettingsAdvanced.temp
});
this.btnBeginStyleMenu = (new Common.UI.Menu({
style: 'min-width: 105px;',
+ additionalAlign: this.menuAddAlign,
items: [
{ template: _.template('<div id="shape-advanced-menu-begin-style" style="width: 105px; margin: 0 5px;"></div>') }
]
@@ -383,6 +384,7 @@ define([ 'text!spreadsheeteditor/main/app/template/ShapeSettingsAdvanced.temp
});
this.btnBeginSizeMenu = (new Common.UI.Menu({
style: 'min-width: 160px;',
+ additionalAlign: this.menuAddAlign,
items: [
{ template: _.template('<div id="shape-advanced-menu-begin-size" style="width: 160px; margin: 0 5px;"></div>') }
]
@@ -415,6 +417,7 @@ define([ 'text!spreadsheeteditor/main/app/template/ShapeSettingsAdvanced.temp
});
this.btnEndStyleMenu = (new Common.UI.Menu({
style: 'min-width: 105px;',
+ additionalAlign: this.menuAddAlign,
items: [
{ template: _.template('<div id="shape-advanced-menu-end-style" style="width: 105px; margin: 0 5px;"></div>') }
]
@@ -441,6 +444,7 @@ define([ 'text!spreadsheeteditor/main/app/template/ShapeSettingsAdvanced.temp
});
this.btnEndSizeMenu = (new Common.UI.Menu({
style: 'min-width: 160px;',
+ additionalAlign: this.menuAddAlign,
items: [
{ template: _.template('<div id="shape-advanced-menu-end-size" style="width: 160px; margin: 0 5px;"></div>') }
]