diff --git a/api/js/etemplate/et2_widget_toolbar.ts b/api/js/etemplate/et2_widget_toolbar.ts
index f80c32db39..c4606040d5 100644
--- a/api/js/etemplate/et2_widget_toolbar.ts
+++ b/api/js/etemplate/et2_widget_toolbar.ts
@@ -44,6 +44,12 @@ export class et2_toolbar extends et2_DOMWidget implements et2_IInput
"type": "boolean",
"default": true,
"description": "Define whether the actions with children should be shown as dropdown or flat list"
+ },
+ "list_header": {
+ "name": "list header style",
+ "type": "string",
+ "default": "more",
+ "description": "Define a style for list header (more ...), which can get short 3dots with no caption or bigger button with caption more ..."
}
};
@@ -218,7 +224,8 @@ export class et2_toolbar extends et2_DOMWidget implements et2_IInput
this.actionbox.empty();
this.actionlist.empty();
let admin_setting = this.options.is_admin ? '': '';
- this.actionbox.append('');
+ const header_list = this.options.header_list == 'more'?true:false;
+ this.actionbox.append('');
this.actionbox.append('
');
let that = this;
if (this.options.is_admin)
diff --git a/api/templates/default/etemplate2.css b/api/templates/default/etemplate2.css
index c8f378b886..439e9e5b0b 100644
--- a/api/templates/default/etemplate2.css
+++ b/api/templates/default/etemplate2.css
@@ -2296,6 +2296,21 @@ div.ui-dialog div.ui-dialog-content > div {
padding: 0 !important;
}
div.et2_toolbar.ui-widget-header {background: none;}
+
+div.et2_toolbar_more h.ui-accordion-header.header_list-short span.ui-accordion-header-icon.ui-icon.ui-icon-triangle-1-e {
+ background-image: url(../../../pixelegg/images/dots.svg);
+ background-size: 20px;
+ height: 30px;
+ width: 20px;
+ margin-top: 0px;
+}
+
+div.et2_toolbar_more h.ui-accordion-header.header_list-short {
+ padding: 0px !important;
+ width: 40px;
+ height: 30px;
+ margin-top: 0px;
+}
.et2_toolbar .et2_toolbar_more h .toolbar-admin-pref {
background-image: url(../../../pixelegg/images/setup.svg);
background-repeat: no-repeat;