diff --git a/Products/zms/ZMSZCatalogConnector.py b/Products/zms/ZMSZCatalogConnector.py
index dd1e71bdc..cc9292bf0 100644
--- a/Products/zms/ZMSZCatalogConnector.py
+++ b/Products/zms/ZMSZCatalogConnector.py
@@ -202,7 +202,7 @@ def search_xml(self, REQUEST, RESPONSE):
       xml += '<lst name="responseHeader">'
       xml += '<int name="status">%i</int>'%status
       xml += '<lst name="params">'
-      for key in REQUEST.form.keys():
+      for key in REQUEST.form:
         xml += '<str name="%s">%s</str>'%(key, standard.html_quote(REQUEST.form[key]))
       xml += '</lst>'
       xml += '</lst>'
diff --git a/Products/zms/conf/metaobj_manager/com.zms.foundation/ZMSLib/show_version.zpt b/Products/zms/conf/metaobj_manager/com.zms.foundation/ZMSLib/show_version.zpt
index 982b5fdc9..cc11af3b4 100644
--- a/Products/zms/conf/metaobj_manager/com.zms.foundation/ZMSLib/show_version.zpt
+++ b/Products/zms/conf/metaobj_manager/com.zms.foundation/ZMSLib/show_version.zpt
@@ -3,7 +3,6 @@
 <tal:block tal:define="global zmscontext options/zmscontext">
 	<tal:block tal:condition="python:zmscontext.getHistory()">
 		<script>
-		<!--
 			function showHistory(el) {
 				var v = $(el).val();
 				var version_nr = v.substring(0,v.indexOf(" "));
@@ -62,7 +61,6 @@
 				historyselect.prop("selectedIndex", 1);
 			}
 			});
-		-->
 		</script>
 		<input type="hidden" id="lang" name="lang" tal:attributes="value request/lang"/>
 		<select onchange="showHistory(this)">
diff --git a/Products/zms/plugins/www/bootstrap/plugin/bootstrap.plugin.zmi.js b/Products/zms/plugins/www/bootstrap/plugin/bootstrap.plugin.zmi.js
index d2db962c8..8f9bd0196 100644
--- a/Products/zms/plugins/www/bootstrap/plugin/bootstrap.plugin.zmi.js
+++ b/Products/zms/plugins/www/bootstrap/plugin/bootstrap.plugin.zmi.js
@@ -1,2421 +1,2421 @@
-$ZMI.registerReady(function(){
-
-	$ZMI.setCursorWait("BO bootstrap.plugin.zmi");
-
-	var manage_menu = typeof window.parent.frames!="undefined"&&typeof window.parent.frames.manage_menu!="undefined";
-
-	$("body").each(function() {
-		var data_root = $(this).attr('data-root');
-		var data_path = $(this).attr('data-path');
-		if (typeof data_root != "undefined" && typeof data_path != "undefined") {
-			// Bookmark
-			if (manage_menu) {
-				$("#zmi-tab .breadcrumb").each(function() {
-					$(this).append('<li class="btn-bookmark"><a href="javascript:;" title="Set Bookmark" class="align-text-top"><i class="far fa-bookmark text-muted"></a><li>');
-					var key = "ZMS."+data_root+".bookmarks";
-					var bookmarks = $ZMILocalStorageAPI.get(key,[]);
-					$("a:last",this).click(function() {
-						var index = bookmarks.indexOf(data_path);
-						if (index >= 0) {
-							bookmarks.splice(index,1);
-							$('.fa-bookmark',this).removeClass("fas").addClass("far");
-						}
-						else {
-							bookmarks.push(data_path);
-							$('.fa-bookmark',this).removeClass("far").addClass("fas");
-						}
-						$ZMILocalStorageAPI.replace(key,bookmarks);
-						var frames = window.parent.frames;
-						try {
-							for (var i = 0; i < frames.length; i++) {
-								if (frames[i] != window && typeof frames[i].zmiBookmarksChanged == "function") {
-									frames[i].zmiBookmarksChanged();
-								}
-							}
-						} catch (e) {
-						}
-					});
-					var index = bookmarks.indexOf(data_path);
-					if (index >= 0) {
-						$('.fa-bookmark',this).removeClass("far").addClass("fas text-primary");
-					} else {
-						$('.fa-bookmark',this).removeClass("fas text-primary").addClass("far text-muted");
-					}
-				});
-			}
-			// History
-			var key = "ZMS."+data_root+".history";
-			var history = $ZMILocalStorageAPI.get(key,[]);
-			var index = history.indexOf(data_path);
-			if (index >= 0) {
-				history.splice(index,1);
-			}
-			history.splice(0,0,data_path);
-			while (history.length > 10) {
-				history.splice(history.length-1,1);
-			}
-			$ZMILocalStorageAPI.replace(key,history);
-			var frames = window.parent.frames;
-			try {
-				for (var i = 0; i < frames.length; i++) {
-					if (frames[i] != window && typeof frames[i].zmiHistoryChanged == "function") {
-						frames[i].zmiHistoryChanged();
-					}
-				}
-			} catch (e) { 
-			}
-		}
-	});
-
-	var $change_dt = $(".zmi-change-dt,.zmi-created-dt");
-	if ($change_dt.length > 0) {
-		var fn = function() {
-				$change_dt.each(function() {
-					var $el = $(this);
-					var mydate = $el.attr("title");
-					if (typeof mydate!="undefined") {
-						var myformat = getZMILangStr('DATETIME_FMT');
-						var dtsplit=mydate.split(/[\/ .:]/);
-						var dfsplit=myformat.split(/[\/ .:]/);
-						// creates assoc array for date
-						df = new Array();
-						for(dc=0;dc<dtsplit.length;dc++) {
-							df[dfsplit[dc]]=dtsplit[dc];
-							df[dfsplit[dc].substring(1)]=parseInt(dtsplit[dc]);
-						}
-						var dstring = df['%Y']+'-'+df['%m']+'-'+df['%d']+' '+df['%H']+':'+df['%M']+':'+df['%S'];
-						var date = new Date(df['Y'],df['m']-1,df['d']);
-						var now = new Date();
-						now.setHours(0,0,0);
-						var daysBetween = (now.valueOf()-date.valueOf())/(24*60*60*1000);
-						if (daysBetween<1) {
-							date = new Date(df['Y'],df['m']-1,df['d'],df['H'],df['M'],df['S']);
-							now = new Date();
-							var secondsBetween = (now.valueOf()-date.valueOf())/(1000);
-							var minutesBetween = secondsBetween/(60);
-							$(this).attr("data-mydate",getZMILangStr('TODAY')+" "+(minutesBetween<60?Math.floor(minutesBetween)+" min. ":df['%H']+':'+df['%M']));
-						}
-						else if (daysBetween<2) {
-							$(this).attr("data-mydate",getZMILangStr('YESTERDAY')+" "+df['%H']+':'+df['%M']);
-						}
-						else {
-							$(this).attr("data-mydate",getZMILangStr('DATE_FMT').replace('%Y',df['%Y']).replace('%m',df['%m']).replace('%d',df['%d']));
-						}
-					}
-					else {
-						$(this).attr("data-mydate",mydate);
-					}
-			});
-			setTimeout(fn,10000);
-		};
-		fn();
-	}
-
-	// Toggle: Classical Sitemap Icon
-	$('a#navbar-sitemap').each(function() {
-		var $a = $(this);
-		if (self.window.parent.frames.length > 1 && typeof self.window.parent != "undefined" && typeof self.window.parent.frames.manage_menu != "undefined") {
-			$a.attr('target','_top');
-		}
-		else {
-			$a.attr('href',$a.attr('href')+'&dtpref_sitemap=1');
-		}
-	});
-
-	// Toggle: Lang
-	if (manage_menu) {
-		$('.zmi header a.toggle-lang').each(function() {
-				var $a = $(this);
-				$a.attr('target','_top');
-				$a.attr('href','manage?lang='+$a.attr('data-language') + '&dtpref_sitemap=1' + '&came_from='+$a.attr('href'));
-			});
-	}
-
-	// Context-Sensitive Help On Labels
-	$(".help").each(function() {
-			$(this).hide();
-			var data_for = $(this).attr("data-for");
-			$("label[for="+data_for+"], label[for="+data_for+"_"+getZMILang()+"]").each(function() {
-					$(this).append('<i class="fas fa-info-circle text-info ml-1" title="'+getZMILangStr('TAB_HELP')+'..." onclick="var evt=arguments[0]||window.event;evt.stopPropagation();zmiModal(\'div.help[data-for='+data_for+']\',{title:\''+getZMILangStr('TAB_HELP')+': '+$(this).text().trim()+'\'})"></i>');
-				});
-		});
-
-	// Tooltip
-	$('[data-toggle="tooltip"]').tooltip();
-
-	// Main Menu Toggle
-	$('.zmi .main-nav li.active a').click(function(event) {
-		if ( $(window).width() < 767) {
-			event.preventDefault();
-			$('.zmi .main-nav li:not(.active)').toggle();
-			return false;
-		}
-	});
-
-	// Titleimage: Video-Preview on Hover
-	if ($('.object_has_titleimage')) {
-		$('.object_has_titleimage i.preview_on_hover').each( function() {
-			var media_url = $(this).data('preview_url');
-			if ( media_url.search('.mp4') > -1 ) {
-				var this_container = $(this).closest('.zmi-manage-main-change');
-				var media_html = '<video autoplay="" autostart="" loop="" playsinline="" muted="" preload="auto"><source src="' +  media_url + '"></video>';
-				$(this)
-					.on('mouseout',function() {
-						$('video',this_container).remove();
-					})
-					.on('mouseover',function() {
-						if ($('video',this_container).length==0 ) {
-							this_container.append(media_html)
-						}
-					})
-			};
-		});
-	};
-
-	// Filters
-	$(".collapse.filters").each(function() {
-		var $body = $(this);
-		var f = function() {
-			// Ensure at least one empty filter (cloned from hidden prototype).
-			var $hidden = $(".form-group.d-none",$body);
-			var $other = $hidden.prevAll(".form-group");
-			var $selects = $("select[name^='filterattr']",$other);
-			var i = 0;
-			var c = 0;
-			$selects.each(function() {
-				i++;
-				if ($(this).val()=='') {
-					if (i<$selects.length) {
-						$(this).parents(".form-group").remove();
-					}
-					c++;
-				}
-			});
-			if (c==0) {
-				var $cloned = $hidden.clone(true);
-				$cloned.insertBefore($hidden).removeClass("d-none");
-			}
-			// Rename filters (ordered by DOM).
-			var qfilters = 0;
-			var d = {}
-			$("*[name^='filter']",$body).each(function() {
-					var nodeName = this.nodeName.toLowerCase();
-					if (nodeName=='input' || nodeName=='select') {
-						var name = $(this).attr("name").replace(/\d/gi,'');
-						if (typeof d[name]=="undefined") {
-							d[name] = 0;
-						}
-						$(this).attr("name",name+d[name]);
-						qfilters = d[name];
-						d[name]++;
-					}
-				});
-			$("input#qfilters").val(qfilters);
-		};
-		$("select[name^=filterattr]",$body).each(function() {
-			var that = this;
-			$(that).click(f).keyup(f);
-		});
-		f();
-	});
-
-	// Filters (ii)
-	// @see zpt/ZMSRecordSet/main_grid.zpt
-	var filter_timeout = null;
-	$('table.table.table-striped.table-bordered.table-hover.zmi-sortable.zmi-selectable input.form-control:text').keyup(function(e) {
-		var that = this;
-		if ($(that).hasClass("form-disabled")) {
-			return false;
-		}
-		var f = function() {
-			$(that).addClass("form-disabled");
-			var form = that.form;
-			form.action = self.location.href;
-			form.submit();
-		}
-		clearTimeout(filter_timeout);
-		switch (e.keyCode) {
-			case 13:
-				f();
-				return false;
-			default:
-				filter_timeout = setTimeout(f, 500);
-				return true;
-		}
-	});
-
-	// Textarea:
-	// single-line
-	$('div.single-line').each(function() {
-		var $single_line = $(this);
-		var $textarea = $('textarea',this);
-		$textarea.prop({rows:1,wrap:'off'});
-
-		if ($single_line.hasClass("zmi-code")) {
-			$('textarea',$single_line).on('focus', function() {
-				if ( !$(this).hasClass('open-zmi-code') && !($(this).val()=='') ) {
-					$(this)
-						.addClass('open-zmi-code')
-						.removeClass('alert-warning')
-						.css('height','auto')
-						.animate({height: $(this).prop('scrollHeight') + 'px'},600);
-					if ( $(this).attr('data-dblclickhandler') ) {
-						$(this).dblclick(function(e) {
-							// Show Zope Code editor only if no text is selected
-							var seltxt = window.getSelection().toString();
-							if ( seltxt.length == 0 || /\s/.test(seltxt) ) {
-								$('.zmi-code-close',$single_line).remove();
-								$('textarea',$single_line)
-									.animate({height: '30px'},0)
-									.css('height','auto')
-									.removeClass('open-zmi-code')
-									.addClass('alert-warning')
-									.blur();
-								eval($(this).attr('data-dblclickhandler'));
-							};
-						})
-					}
-					// Add closing button
-					var close_btn = '<i title="Close Editing" class="zmi-code-close fas fa-chevron-up text-primary text-center" style="cursor:pointer;margin: 0 0 0 calc(50%);"></i>';
-					$single_line.append(close_btn);
-					$('.zmi-code-close',$single_line).click(
-						function() {
-							$('textarea',$single_line)
-								.animate({height: '30px'},600)
-								.css('height','auto')
-								.removeClass('open-zmi-code');
-							$(this).remove();
-						}
-					);
-				}
-			});
-			return;
-		}
-
-		if ($single_line.hasClass("zmi-nodes")) {
-			$textarea.prop({title:getZMILangStr('ATTR_NODE')});
-		}
-		if ($("span.input-group-append",this).length==0) {
-			$(this).addClass("input-group");
-			if ($textarea.prev('i').length==1) {
-				$textarea.prev('i').wrap('<div class="input-group-prepend"><span class="btn btn-secondary btn-sm"></span></div>')
-			}
-			if ($textarea.attr('data-style')) {
-				$(this).append('<div class="input-group-append"><a href="javascript:;" class="btn btn-secondary btn-sm" title="Click for Code Popup or Dbl-Click for Native Editor!" style="' + $textarea.attr('data-style') + '"></a></div>');
-			} else {
-				$(this).append('<div class="input-group-append"><a href="javascript:;" class="btn btn-secondary btn-sm"><i class="fas fa-ellipsis-v"></i></a></div>');
-			};
-			var clicks, timer, delay;
-			clicks=0;delay=500;timer=null;
-			$('.input-group-append',this).on('click', function(){
-				clicks++;
-				timer = setTimeout(function() {
-					switch(clicks){
-						case 1:
-							var html = '';
-							html = html
-								+ '<div id="zmi-single-line-edit" class="inner">'
-									+ '<form class="form-horizontal" name="zmi-single-line-form">';
-							if ($single_line.hasClass("zmi-nodes")) {
-								html = html
-										+ '<div class="col-lg-10">'
-											+ '<div class="input-group">'
-												+ '<input class="form-control url-input" type="text" name="zmi-nodespicker-url-input">'
-												+ '<div class="input-group-append">'
-													+ '<a class="btn btn-secondary" href="javascript:;" onclick="zmiBrowseObjs(\'zmi-single-line-form\',\'zmi-nodespicker-url-input\',getZMILang())">'
-														+ '...'
-													+ '</a>'
-												+ '</div>'
-											+ '</div><!-- .input-group -->'
-										+ '</div><!-- .col-lg-10 -->';
-							}
-							html = `${html}<textarea class="form-control zmi-code" rows="10" wrap="off">${$textarea.val()}</textarea></form></div><!-- #zmi-single-line-edit -->`;
-							zmiModal(null,{
-								body:html,
-								resizable:true,
-								title:getZMILangStr('BTN_EDIT')+': '+$textarea.attr('title'),
-								resize: function( event, ui ) {
-									var $container = $('#zmi-single-line-edit');
-									var $ta = $('textarea',$container);
-									var taCoords = $ZMI.getCoords($ta[0],"relative");
-									$ta.css({height:Math.max(20,$container.innerHeight()-taCoords.y-20)+'px'});
-								},
-								close: function( event, ui ) {
-									$textarea.val($('#zmi-single-line-edit textarea').val());
-								}});
-						break;
-						case 2:
-							eval($textarea.attr('data-dblclickhandler'));
-						break;
-					}
-				clicks=0;
-				}, delay);
-			});
-		}
-	});
-
-	// Double-Clickable (TODO: to be specified for data grids that lead row-wise to a dataset form!)
-	$('table.table-hover tbody tr')
-		.dblclick( function(evt) {
-			var href = null;
-			if ((href==null || typeof href=="undefined") && $("a .fa-pencil-alt",this).length > 0) {
-				return $("a .fa-pencil-alt",this).parents("a")[0].click();
-			}
-			else if ((href==null || typeof href=="undefined")) {
-				href = $('a[target=]',this).attr('href');
-			}
-			if (!(href==null || typeof href=="undefined")) {
-				self.location.href = href;
-			}
-		})
-		.attr( "title", "Double-click to edit!");
-
-	// >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
-	// Selectable
-	$("table.zmi-selectable input:checkbox,table.zmi-selectable input:radio").change(function() {
-		var $table = $(this).parents("table");
-		$("tr",$table).each(function() {
-			if ($("td:first input:checked",this).length == 0) {
-				$(this).removeClass("zmi-selected");
-			}
-			else {
-				$(this).addClass("zmi-selected");
-			}
-		});
-	});
-
-	// >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
-	// Sortable
-	var dragSrcEl = null;
-
-	function handleDragStart(e) {
-		// Target (this) element is the source node.
-		dragSrcEl = this;
-		e.dataTransfer.effectAllowed = 'move';
-		e.dataTransfer.setData('text/html', this.outerHTML);
-		this.classList.add('zmi-selected');
-	}
-
-	function handleDragOver(e) {
-		if ( dragSrcEl ) {
-			if (e.preventDefault) {
-				e.preventDefault(); // Necessary. Allows us to drop.
-			}
-			if ((this.classList.contains("page") && dragSrcEl.classList.contains("page"))
-					|| (this.classList.contains("pageelement") && dragSrcEl.classList.contains("pageelement"))) {
-				this.classList.add('zmi-data-transfer-drag');
-				e.dataTransfer.dropEffect = 'move';  // See the section on the DataTransfer object.
-			}
-			return false;
-		}
-	}
-
-	function handleDragEnter(e) {
-		// this / e.target is the current hover target.
-	}
-
-	function handleDragLeave(e) {
-		this.classList.remove('zmi-data-transfer-drag');  // this / e.target is previous target element.
-	}
-
-	function handleDrop(e) {
-		// this/e.target is current target element.
-		if (e.stopPropagation) {
-			e.stopPropagation(); // Stops some browsers from redirecting.
-		}
-		// Don't do anything if dropping the same column we're dragging.
-		if (dragSrcEl != this) {
-			// Set the source column's HTML to the HTML of the column we dropped on.
-			this.parentNode.removeChild(dragSrcEl);
-			var dropHTML = e.dataTransfer.getData('text/html');
-			this.insertAdjacentHTML('beforebegin',dropHTML);
-			var dropElem = this.previousSibling;
-			addDnDHandlers(dropElem);
-			var that = this;
-			var c = 0;
-			$('.zmi-sortable > li').each(function() {
-				if ($(this).attr("id") == that.id) {
-					// var pos = $(this).position();
-					var pos = $(this.previousSibling).position();
-					var id = $ZMI.actionList.getContextId(dragSrcEl);
-					var href = id+'/manage_moveObjToPos?lang='+getZMILang()+'&pos:int='+c+'&fmt=json';
-					$.get(href,function(result){
-							var message = eval('('+result+')');
-							$ZMI.showMessage(pos, message, 'alert-success zmi-dragged-info');
-							$('.alert-success button').remove();
-						});
-				}
-				c++;
-			});
-		}
-		this.classList.remove('zmi-data-transfer-drag');
-		return false;
-	}
-
-	function handleDragEnd(e) {
-		this.classList.remove('zmi-selected');
-	}
-
-	function addDnDHandlers(elem) {
-		elem.draggable = true;
-		elem.addEventListener('dragstart', handleDragStart, false);
-		elem.addEventListener('dragenter', handleDragEnter, false);
-		elem.addEventListener('dragover', handleDragOver, false);
-		elem.addEventListener('dragleave', handleDragLeave, false);
-		elem.addEventListener('drop', handleDrop, false);
-		elem.addEventListener('dragend', handleDragEnd, false);
-	}
-
-	var sortables = document.querySelectorAll('ul.zmi-container.zmi-sortable .zmi-selectable');
-	[].forEach.call(sortables, addDnDHandlers);
-
-	// >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
-	// Checkboxes
-	$("input[name='ids:list']").attr('title',getZMILangStr('ACTION_SELECT').replace('%s',getZMILangStr('ATTR_OBJECT')));
-	$(".zmi-container .zmi-item:first .right input[name='active']:checkbox")
-		.change(function() {
-				zmiToggleSelectionButtonClick(this,$(this).prop("checked"));
-		});
-	$(".zmi-container .right input[name='ids:list']")
-		.change(zmiActionButtonsRefresh)
-		;
-	// Constraints
-	$(".split-left i.constraint").each(function() {
-		try {
-			var $container = $(this).parents(".right");
-			$(".split-right",$container).popover({html:true,title:$("div.constraint",$container)[0].outerHTML});
-		} catch(e) {
-			console.error(e);
-		}
-	});
-	// Action-Lists
-	$('button.btn.split-right.dropdown-toggle').attr('title',getZMILangStr('ACTION_SELECT').replace('%s',getZMILangStr('ATTR_ACTION')));
-	$(".btn-group")
-		.mouseover( function(evt) {
-				$(this).parents(".collapse").css({overflow:"visible"});
-			})
-		.mouseout( function(evt) {
-				$(this).parents(".collapse").css({overflow:"hidden"});
-			});
-	$(".zmi-container .zmi-item .zmi-action")
-		.focus( function(evt) {
-				$ZMI.actionList.over(this,evt);
-			})
-		.hover( function(evt) {
-				$ZMI.actionList.over(this,evt);
-			},
-			function(evt) {
-				$ZMI.actionList.out(this);
-			});
-	$(".zmi-action button.dropdown-toggle:not(.btn-card-header-menu)")
-		.click( function(evt) {
-				// For ajax afterload-menus prevent click event until class 'loaded' was added
-				var el = $(this);
-				if (!el.parent(".zmi-action").hasClass('loaded')) {
-						evt.preventDefault();
-						evt.stopPropagation();
-						setTimeout(function() {el.click();}, 100);
-				}
-			});
-
-	// Inputs
-	$ZMI.initInputFields($("body"));
-
-	// Select tab.
-	$("#subTab ul.nav.nav-tabs").each(function() {
-		var anchor = $("a:first",this).attr("href");
-		if (self.location.href.indexOf("#")>0) {
-			anchor = self.location.href.substring(self.location.href.indexOf("#")+1);
-			if (anchor.indexOf('_')==0) {
-				anchor = anchor.substring(1);
-			}
-			anchor = '#'+anchor;
-		}
-		$("a[href='"+anchor+"']",this).click();
-	});
-
-	// Ajax Lazy Load
-	$(".ajax-lazy-load").each(function() {
-		var $that = $(this);
-		$that.html('<i class="fas fa-spinner fa-spin"></i>&nbsp;'+getZMILangStr('MSG_LOADING'));
-		var ajax_url = $that.attr("data-ajax-url");
-		var params = {};
-		$.get( ajax_url, params, function( data) {
-				$that.html(data);
-			});
-	});
-
-	$ZMI.setCursorAuto("EO bootstrap.plugin.zmi");
-
-	// Set Save-Button Behaviour: Menu Lock
-	$('#menulock').val(+JSON.parse($ZMILocalStorageAPI.get('ZMS.menulock',0)));
-
-	// ZMSLightbox
-	$('a.zmslightbox, a.fancybox')
-		.each(function() {
-				var $img = $("img",$(this));
-				$img.attr("data-hiresimg",$(this).attr("href"));
-				$(this).click(function() {
-					return showFancybox($img);
-				});
-	});
-
-});
-
-/**
- * Unlock form
- */
-function zmiUnlockForm(form_id) {
-	var $form = $('input[name="form_id"][value="'+form_id+'"]').parents("form");
-	if ($('input[name="form_unlock"]',$form).length==0) {
-		$form.append('<input type="hidden" name="form_unlock" value="1">');
-	}
-	$form.submit();
-}
-
-/**
- * Init input_fields
- */
-ZMI.prototype.afterInitInputFields = function(h) {
-	if (typeof this.afterInitInputFieldsHandler == "undefined") {
-		this.afterInitInputFieldsHandler = [];
-	}
-	this.afterInitInputFieldsHandler.push(h);
-}
-ZMI.prototype.initInputFields = function(container) {
-	$ZMI.setCursorWait("BO zmiInitInputFields["+$('form:not(.form-initialized)',container).length+"]");
-	$(container).each(function() {
-		var context = this;
-			// Accordion:
-			// highlight default collapse item
-			var data_root = $("body").attr('data-root');
-			$(".collapse",context).each(function() {
-				var id = $(this).attr('id');
-				if (typeof id != "undefined") {
-					var $toggle = $('a.card-toggle[href=\'#'+id+'\']');
-					if ($toggle.length > 0) {
-						var key = "ZMS."+data_root+".collapse-"+id;
-						var value = $ZMILocalStorageAPI.get(key,'1');
-						if (value != null) {
-							if ($(this).hasClass('show')) {
-								if (value == '0') {
-									$(this).removeClass('show');
-								}
-							} else {
-								if (value == '1') {
-									$(this).addClass('show');
-								}
-							}
-						}
-					}
-				}
-			});
-			$("i:first",$(".collapse",context).prev('.card-header')).removeClass("fa-caret-down").addClass("fa-caret-right");
-			$("i:first",$(".collapse.show",context).prev('.card-header')).removeClass("fa-caret-right").addClass("fa-caret-down");
-			$("a.card-toggle",this).click(function(){
-				$(this).blur();
-				var id = $(this).attr('href').substring(1);
-				var key = "ZMS."+data_root+".collapse-"+id;
-				var $icon = $("i:first",this);
-				var showing = $icon.hasClass("fa-caret-down")?1:0;
-				if (showing) {
-					$icon.removeClass("fa-caret-down").addClass("fa-caret-right");
-					$ZMILocalStorageAPI.set(key,'0');
-				}
-				else {
-					$icon.removeClass("fa-caret-right").addClass("fa-caret-down");
-					$ZMILocalStorageAPI.set(key,'1');
-				}
-			});
-			// Password
-			$("input[type=password]",this).focus(function() {
-				if ($(this).val()=='******') {
-					$(this).val('');
-				}
-			})
-			.blur(function() {
-				if ($(this).val()=='') {
-					$(this).val('******');
-				}
-			});
-		});
-	$('form:not(.form-initialized)',container)
-		.submit(function() {
-			var b = true;
-			var context = this;
-			// Button
-			if( typeof self.btnClicked=="undefined" ||
-					self.btnClicked=="BTN_BACK" ||
-					self.btnClicked=="BTN_CANCEL" ||
-					self.btnClicked=="BTN_DELETE" ) {
-				return b;
-			}
-			// Richedit
-			if ($(".form-richtext",this).length > 0) {
-				zmiRichtextOnSubmitEventHandler(this);
-			}
-			// Multiple-Selects
-			$('select[multiple="multiple"]',this).each(function() {
-				var name = $(this).attr("name");
-				var form = $(this).parents("form");
-				if ($(this).hasClass('form-on-submit-selected')||($('select[name="zms_mms_src_'+name+'"]',form).length>0)) {
-					$("option",this).prop("selected","selected");
-				}
-			});
-			// Mandatory
-			$(".has-error",this).removeClass("has-error");
-			$(".form-group label.control-label.mandatory",this).filter(":visible").each(function() {
-				var $label = $(this);
-				var forName = $(this).attr("for");
-				var labelText = $label.text().basicTrim();
-				var $controlGroup = $label.parents(".form-group");
-				var $controls = $("div:first",$controlGroup);
-				var $control = $('input[name='+forName+'],textarea[name='+forName+'],select:not([name^="zms_mms_src_"])',$controls);
-				$label.attr("title","");
-				$control.attr("title","");
-				if ($control.length==1) {
-					var isBlank = false;
-					var nodeName = $control.prop("nodeName").toLowerCase();
-					var nodeType = $control.prop("type").toLowerCase();
-					if (nodeName=="input" || nodeName=="textarea") {
-						if ($control.val().basicTrim().length==0 && typeof $control.attr("data-value-attr")!="undefined") {
-							$control.val($control.attr($control.attr("data-value-attr")));
-						}
-						isBlank = $control.val().basicTrim().length==0;
-						if (isBlank && nodeType=="file") {
-							var name = $control.attr("name");
-							var exists = $('input[name="exists_'+forName+'"]:hidden',$controlGroup).val();
-							isBlank = !(exists=='True');
-							var generate_preview = $('input[name="generate_preview_'+forName.replace(/_/,'hires_')+':int"]:checked',context).val();
-							isBlank &= !(generate_preview=='1');
-						}
-					}
-					else if (nodeName=="select") {
-						isBlank =  (($("option:selected",$control).length==0)
-							|| ($("option:selected",$control).length==1 && $("option:selected",$control).attr("value")==""))
-							&& !$control.attr("disabled")=="disabled";
-					}
-					if (isBlank) {
-						$controlGroup.addClass("has-error");
-						$label.attr("title",getZMILangStr("MSG_REQUIRED").replace(/%s/,labelText));
-						$control.attr("title",getZMILangStr("MSG_REQUIRED").replace(/%s/,labelText)).tooltip({placement:'top'});
-						if (b) {
-							$control.focus();
-						}
-						b = false;
-					}
-					else {
-						var dataExclude = $(this).attr("data-exclude");
-						if (typeof dataExclude != "undefined") {
-							var excludeList = dataExclude.split(",");
-							var v = $control.val();
-							if ($.inArray(v,excludeList)) {
-								$controlGroup.addClass("has-error");
-							}
-						}
-					}
-				}
-			});
-			// Password
-			var $password = $("input[type=password]",this).filter(":visible");
-			if (($password.length==2)
-				&& ($($password[0]).prop("name").toLowerCase().indexOf("confirm")<0)
-				&& ($($password[1]).prop("name").toLowerCase().indexOf("confirm")>=0)
-				&& ($($password[0]).val().length == 0
-					|| $($password[0]).val() != $($password[1]).val())) {
-				var $controlGroup = $password.parents(".form-group");
-				var $label = $("label.control-label",$controlGroup);
-				$controlGroup.addClass("has-error");
-				b = false;
-			}
-			// Check for intermediate modification by other user
-			if (b && $('input#last_change_dt:hidden',this).length && $('input[name="form_unlock"]',this).length==0) {
-				var result = $.ajax({
-					url: 'manage_get_node_json',
-					data:{lang:getZMILang(),preview:'preview'},
-					datatype:'text',
-					async: false
-					});
-				var node = eval("("+result.responseText+")");
-				var change_dt = node["change_dt"];
-				var change_uid = node["change_uid"];
-				var last_change_dt = $('input#last_change_dt:hidden',this).val();
-				var last_change_uid = $('input#last_change_uid:hidden',this).val();
-				// Intermediate modification?
-				if (change_dt != last_change_dt) {
-					var body = '<div class="alert alert-error">'
-							+ '<h4><i class="fas fa-exclamation-triangle"></i> '+getZMILangStr('ATTR_LAST_MODIFIED')+'</h4>'
-							+ '<div>'+change_dt+' '+getZMILangStr('BY')+' '+change_uid+'</div>'
-						+ '</div>'
-						+ '<table class="table table-bordered table-striped">'
-						+ '<thead>'
-						+ '<tr class="form-group">'
-							+ '<th><label class="control-label">' + '</label></th>'
-							+ '<th><em>Diff</em></th>'
-							+ '<th><em>Mine</em></span></th>'
-							+ '<th><em>Theirs</em> ('+change_uid+' <span class="zmi-change-dt">'+(new Date(change_dt)).toLocaleFormat(getZMILangStr('DATETIME_FMT'))+'</span>)</th>'
-						+ '</thead>'
-						+ '</tr>';
-					for (var key in node) {
-						var $input = $("[name='"+key+"'],[name='"+key+"_"+getZMILang()+"']",this).filter("[data-initial-value]");
-						if ($input.length > 0) {
-							var $controlGroup = $input.parents(".form-group");
-							var $label = $("label.control-label:first",$controlGroup);
-							var remoteVal = (""+node[key]).replace(/\r\n/gi,"\n").trim();
-							var currentVal = (""+$input.val()).replace(/\r\n/gi,"\n").trim();
-							var initialVal = (""+$input.attr("data-initial-value")).replace(/\r\n/gi,"\n").trim();
-							if ("file"==$input.attr("type")) {
-								if (currentVal=="") {
-									currentVal = initialVal;
-								}
-							}
-							if (currentVal != initialVal) {
-								$input.addClass("form-modified");
-							}
-							if (currentVal != remoteVal) {
-								$input.removeClass("form-modified").addClass("form-conflicted").attr("data-remote-value",remoteVal);
-								body += '<tr class="form-group">'
-										+ '<td><label class="control-label"><span>' + $label.text() + '</span></label></td>'
-										+ '<td><div style="overflow-y:scroll;max-height:20em" class="diff" id="'+$input.attr("name")+'_diff"></div></td>'
-										+ '<td><div style="overflow-y:scroll;max-height:20em" class="mine" id="'+$input.attr("name")+'_mine">'+currentVal+'</div></td>'
-										+ '<td><div style="overflow-y:scroll;max-height:20em" class="theirs" id="'+$input.attr("name")+'_theirs">'+remoteVal+'</div></td>'
-									+ '</tr>';
-							}
-						}
-					}
-					var conflicts = $(".form-conflicted",this).length;
-					if (conflicts > 0) {
-						b = false;
-						// confirm
-						var form_id = $('input[name=form_id]').val();
-						body += '</table>'
-							+ '<div class="form-group">'
-								+ '<button class="btn btn-primary" value="'+getZMILangStr('BTN_SAVE')+'" onclick="zmiUnlockForm(\''+form_id+'\')">'+getZMILangStr('BTN_SAVE')+'</button> '
-								+ '<button class="btn btn-default" value="'+getZMILangStr('BTN_CANCEL')+'" onclick="window.open(self.location.href);">'+getZMILangStr('BTN_CANCEL')+'</button> '
-							+ '</div>';
-						zmiModal(null,{
-							body:body,
-							title: getZMILangStr('CAPTION_WARNING')
-						});
-						// show diffs
-						$.plugin('diff',{
-							files: [
-								'/++resource++zms_/jquery/diff/diff_match_patch.js',
-								'/++resource++zms_/jquery/diff/jquery.pretty-text-diff.min.js'
-						]});
-						$.plugin('diff').set({context:this});
-						$.plugin('diff').get(".form-conflicted",function() {
-							$(".form-conflicted",context).each(function(){
-								var id = $(this).attr("name")+"_diff";
-								var $diffContainer = $("#"+id);
-								$(this).prettyTextDiff({
-										cleanup:true,
-										originalContent:$(this).attr("data-initial-value").replace(/</gi,'&lt;'),
-										changedContent:$(this).val().replace(/</gi,'&lt;'),
-										diffContainer:$diffContainer
-									});
-								var lines = $diffContainer.html().replace(/<span>/gi,'').replace(/<\/span>/gi,'').split("<br>");
-								var show = [];
-								var changed = false;
-								for (var i = 0; i < lines.length; i++) {
-									var line = lines[i];
-									changed |= line.indexOf("<del>")>=0 || line.indexOf("<ins>")>=0;
-									if (changed) {
-										show.push(i);
-									}
-									changed &= !(line.indexOf("</del>")>=0 || line.indexOf("</ins>")>=0);
-								}
-								var html = [];
-								changed = false;
-								for (var i = 0; i < lines.length; i++) {
-									var line = lines[i];
-									changed |= line.indexOf("<del>")>=0 || line.indexOf("<ins>")>=0;
-									line = '<span class="line-number'+(changed?' line-changed':'')+'">'+(i+1)+'</span> '+lines[i];
-									if (!(show.contains(i-1) || show.contains(i) || show.contains(i+1))) {
-										line = '<span class="diff-unchanged hidden">'+line+'</span>';
-									}
-									else {
-										line = line+'<'+'br/>';
-									}
-									html.push(line);
-									changed &= !(line.indexOf("</del>")>=0 || line.indexOf("</ins>")>=0);
-								}
-								$diffContainer.html(html.join(""));
-							});
-						});
-					}
-				}
-			}
-			return b;
-		})
-		.each(function() {
-			var context = this;
-			if ($(this).parents(".d-none").length>0) {
-				return;
-			}
-			$(this).addClass('form-initialized');
-			// Multi-Autocomplete
-			$('select.form-multiautocomplete[multiple]:not(.d-none)',context).each(function() {
-				var $select = $(this);
-				var id = $select.attr('id');
-				var ajax_url = $select.attr('data-ajax-url');
-				var obj_id = $select.attr('data-obj-id');
-				var attr_id = $select.attr('data-attr-id');
-				$select.removeClass("form-control").addClass("zmi-select").attr({"data-autocomplete-add":false});
-				$select.before(''
-					+ '<div class="input-group form-multiautocomplete">'
-						+ '<input type="text" id="_'+id+'" class="form-control form-autocomplete" data-ajax-url="'+ajax_url+'" data-obj-id="'+obj_id+'" data-attr-id="'+attr_id+'"/>'
-						+ '<div class="input-group-append">'
-							+ '<a href="javascript:;" class="btn btn-secondary"><i class="fas fa-plus text-primary"></i></a>'
-						+ '</div>'
-					+ '</div><!-- .input-group -->');
-				var $inputgroup = $select.prev();
-				$("input",$inputgroup).keydown(function(e) {
-					if (e.which==13) {
-						e.preventDefault();
-						e.stopPropagation();
-						$(".input-group-append",$inputgroup).trigger("click");
-						return false;
-					}
-				});
-				$(".input-group-append .btn",$inputgroup).click(function() {
-					// get value
-					var $input = $("input",$inputgroup);
-					var v = $input.val();
-					if (v.length>0) {
-						$input.val("");
-						if ($select.children("option[value='"+v+"']").length==0) {
-							$select.append('<option selected="selected" value="'+v+'" data-value="'+v+'">'+v+'</option>').removeClass("d-none");
-							// rebuild multiselect
-							$ZMI.multiselect(context);
-						}
-					}
-				});
-			});
-			// Autocomplete
-			$('.form-autocomplete:not(.d-none)',context).each(function() {
-				$(this).addClass("ui-autocomplete-input");
-				var id = $(this).attr('id');
-				var ajax_url = $(this).attr('data-ajax-url');
-				var obj_id = $(this).attr('data-obj-id');
-				var attr_id = $(this).attr('data-attr-id');
-				zmiAutocomplete('#'+id,{
-					serviceUrl:ajax_url,
-					paramName:'q',
-					params:{obj_id:obj_id,attr_id:attr_id,lang:getZMILang()},
-					transformResult: function(response, originalQuery) {
-						var m = {
-							query: originalQuery,
-							suggestions: $.map(response.split("\n"), function(x) {
-								return { value: x, data: x };
-							})
-						};
-						return m;
-					}
-				});
-			});
-			// Multiselect
-			$.plugin('multiselect',{
-				files: [
-					$ZMI.getConfProperty('plugin.bootstrap.multiselect.js','/++resource++zms_/bootstrap/plugin/bootstrap.plugin.zmi.multiselect.js')
-				]});
-			$.plugin('multiselect').set({context:context});
-			$.plugin('multiselect').get("select.zmi-select[multiple]:not(.d-none)",function(){
-					$ZMI.multiselect(context);
-				});
-			// Activity-Toggle
-			if ($("#zmi-toggle-activity").length==0) {
-				$("#attrActivity",context).each(function() {
-					var $input = $(".activity input:checkbox",this);
-					if ($input.length>0) {
-						$(this).prev(".attr_last_modified").each(function() {
-							$("#zmi-toggle-activity-btn",this).append('<span id="zmi-toggle-activity" style="vertical-align:inherit" title="'+getZMILangStr('ATTR_ACTIVE')+'">'+$ZMI.icon(($input.prop('checked')?'fas fa-check-square':'far fa-square')+' ui-helper-clickable')+'</span>&nbsp;');
-							$("#zmi-toggle-activity").click(function(event) {
-								$input.click();
-								$("i",this).attr("class",($input.prop('checked')?'fas fa-check-square':'far fa-square')+' ui-helper-clickable');
-								event.stopPropagation();
-							});
-						});
-					}
-				});
-			}
-			// Button-Clicked
-			$('input[type="submit"],button[type="submit"]',context)
-				.click(function() {
-					self.btnClicked = $(this).attr("value");
-				});
-			// Button-Radiogroup
-			$('.btn-radiogroup',context).each(function() {
-				var key = $(this).attr('data-value');
-				var $input = $('input#'+key);
-				var val = $input.val();
-				$(this).children('span')
-					.addClass("btn")
-					.click(function() {
-						var item = $(this).attr('data-value');
-						$input.val(item);
-						$(this).siblings('.btn-info').removeClass('btn-info').addClass('btn-secondary');
-						$(this).removeClass('btn-secondary').addClass('btn-info');
-					})
-					.each(function() {
-						var item = $(this).attr('data-value');
-						if (val == "") {
-							val = item;
-							$input.val(val);
-						}
-						if (item==val) {
-							$(this).addClass("btn-info");
-						} else {
-							$(this).addClass("btn-secondary");
-						}
-					});
-			});
-			// Mandatory
-			$(".form-group label.col-lg-2 control-label.mandatory",this).each(function() {
-				var $label = $(this);
-				$label.prepend('<i class="fas fa-exclamation"></i>');
-			});
-			// Check for intermediate modification (by other user)
-			$("input,select,textarea",this).each(function() {
-				var $this = $(this);
-				const initialValue = $this.val();
-				$this.attr("data-initial-value",initialValue);
-				$this.keyup(function() {
-					$ZMI.set_form_modified($this,initialValue);
-				});
-			});
-			// Icon-Class
-			$('input.zmi-input-icon-clazz',this).each(function() {
-				var $input = $(this);
-				var t = 'Use icon classes on https://fontawesome.com/v5/search?m=free \nand specifier classes like \'text-danger\' or \'deprecated\'';
-				$input.wrap( '<div class="input-group"></div>' );
-				$input.before('<span class="input-group-text"><i class="fas fa-invisible"></i></span>');
-				$input.parent().children('span.input-group-text').wrap( '<div class="input-group-prepend" style="cursor:pointer;" title="' + t + '"></div>');
-				var fn = function() {
-					var $container = $input.parents(".input-group");
-					var $i = $("i",$container);
-					$i.attr("class",$input.val());
-				};
-				$input.change(fn).keyup(fn).change();
-				$input.prev().on('click', function() {
-					// Show icon details on https://fontawesome.com/v5
-					var s = '';
-					$input.val().split(' ').forEach(function(v) {
-						if ( v.split('fa-').length > 1 ) {
-							s = v.split('fa-')[1];
-						};
-					});
-					window.open('https://fontawesome.com/v5/search?m=free&q=' + s,'Fontawesome-V5','toolbar=no,scrollbars=yes,resizable=yes,top=100,left=100,width=480,height=720');
-				});
-			});
-			// Url-Picker
-			$ZMI.initUrlInput(this);
-			// Richedit
-			var $richedits = $('div[id^="zmiStandardEditor"]',this);
-			if ($richedits.length > 0) {
-				$richedits.each(function() {
-					var elName = $(this).attr("id").substring("zmiStandardEditor".length);
-					zmiRichtextInit(elName);
-					var v = $("#"+elName).val();
-					function matchAll(source, regexp) {
-						var matches = [];
-						source.replace(regexp, function() {
-							var arr = ([]).slice.call(arguments, 0);
-							var extras = arr.splice(-2);
-							arr.index = extras[0];
-							arr.input = extras[1];
-							matches.push(arr);
-						});
-						return matches.length ? matches : [];
-					}
-					var l = matchAll(v,/<a data-id="(.*?)"(.*?)>(.*?)<\/a>/gi);
-					if (l.length > 0) {
-						var labels = [];
-						for (var i = 0; i < l.length; i++) {
-							labels.push(' <span class="label">'+l[i][0]+'</span>');
-						}
-						$(this).siblings(":last").after('<div class="inlinelinks">Inline-Links: '+labels.join(', ')+'</div>')
-					}
-				});
-			}
-			// Date-Picker
-			var is_firefox = /firefox/i.test(navigator.userAgent);
-			var icon_datepicker = 'far fa-calendar';
-			var icon_datetimepicker = 'far fa-calendar';
-			var icon_timepicker = 'far fa-clock';
-			$("input.datepicker,input.datetimepicker,input.timepicker",this).each(function() {
-				if ( !$(this).parent().hasClass('data') ) {
-					// Customize input field width normalization in standard input forms
-					$(this).closest("div")
-						.addClass("input-group")
-						.removeClass("col-sm-9")
-						.removeClass("col-sm-10")
-						.removeClass("col-md-10")
-						.wrap('<div class="col-sm-5 col-md-4 col-lg-3"></div>');
-						var icon_picker =  eval('icon_' + $(this).prop('class').split(' ').filter(function(v) {return v.endsWith('picker')}));
-						$(this).before('<div class="input-group-prepend"><span class="input-group-text"><i class="'+ icon_picker +'"></i></span></div>');
-					}
-				if (is_firefox && parseInt(navigator.userAgent.split('Firefox/')[1]) < 93) {
-					if ($(this).attr('type') == 'datetime-local') {
-						$(this).attr('type', 'date');
-					}
-					$(this).attr('value',$(this).attr('value').split('T')[0]);
-					$(this).dblclick(() => {
-						if ($(this).attr('type') == 'datetime-local') {
-							$(this).attr('type', 'date');
-						}
-						else if ($(this).attr('type') == 'date') {
-							$(this).attr('type', 'datetime-local');
-						}
-						$(this).attr('value',$(this).attr('data-initial-value'));
-					});
-				}
-			});
-		});
-	if (typeof this.afterInitInputFieldsHandler != "undefined") {
-		for (var i in this.afterInitInputFieldsHandler) {
-			this.afterInitInputFieldsHandler[i]();
-		}
-	}
-	$ZMI.setCursorAuto("EO zmiInitInputFields");
-}
-
-/**
- * Show message
- */
-ZMI.prototype.showMessage = function(pos, message, context) {
-	$(".alert").remove();
-	var html = ''
-		+ '<div class="alert'+(typeof context=='undefined'?'':' '+context)+'" style="position:absolute;left:'+pos.left+'px;top:'+pos.top+'px;">'
-			+ '<button type="button" class="close" data-dismiss="alert">&times;</button>'
-			+ '<span class="message">' + message + '</span>'
-		+ '</div>';
-	$('body').append(html);
-	window.setTimeout('$(".alert").hide("slow")',2000);
-}
-
-/**
- * Open modal
- */
-var zmiModalStack = [];
-function zmiModal(s, opt) {
-	$ZMI.setCursorWait("zmiModal");
-	if (typeof opt == "undefined") {
-		var id = zmiModalStack[zmiModalStack.length-1];
-		$('#'+id).modal(s);
-	}
-	else if (typeof opt == "object") {
-		var id = typeof opt['id']=="undefined"?"zmiModal"+(s==null || typeof $(s).attr('id')=="undefined"?zmiModalStack.length:$(s).attr('id')):opt['id'];
-		var body = s==null?opt['body']:$(s).html();
-		if (s!=null && opt['remove']==true) {
-			$(s).remove();
-		}
-		if (typeof id!="undefined" && typeof body!="undefined") {
-			zmiModalStack.push(id);
-			var html = ''
-				+'<div class="modal" id="'+id+'" tabindex="-1" role="dialog">'
-					+'<div class="modal-dialog" role="document">'
-						+'<div class="modal-content">'
-							+'<div class="modal-header">'
-								+'<h5 class="modal-title">'+opt['title']+'</h5>'
-								+'<button type="button" class="close" data-dismiss="modal" aria-label="'+getZMILangStr('BTN_CLOSE')+'">'
-									+'<span aria-hidden="true">&times;</span>'
-								+'</button>'
-								+'</div>'
-							+'<div class="modal-body">'+body+'</div>'
-							+'<div class="modal-footer">'
-							+'</div>'
-						+'</div><!-- /.modal-content -->'
-					+'</div><!-- /.modal-dialog -->'
-				+'</div><!-- /.modal -->';
-			$('#'+id).remove();
-			$("body").append(html);
-			var buttons = opt['buttons'];
-			if (typeof buttons == 'object') {
-				for (var i = 0; i < buttons.length; i++) {
-					var button = buttons[i];
-					$('#'+id+' .modal-footer').append('<button type="submit">'+button['text']+'</button> ');
-					var $button = $('#'+id+' .modal-footer button:last');
-					for (var k in button) {
-						var v = button[k];
-						if (typeof v == "function") {
-							$button.on(k,eval("("+v+")"));
-						} else {
-							$button.attr(k,v);
-						}
-					}
-				}
-			}
-			$('#'+id)
-				.on('show.bs.modal',function(){
-						if (typeof opt['beforeOpen'] == 'function') {
-							opt['beforeOpen'](this);
-						}
-					})
-				.on('shown.bs.modal',function(){
-						if (typeof opt["width"] != "undefined") {
-							$("#"+id+" .modal-dialog").css({width:opt["width"]});
-						}
-						if (typeof opt['open'] == 'function') {
-							opt['open'](this);
-						}
-						$ZMI.initInputFields($("#"+id));
-					})
-				.on('hide.bs.modal',function(){
-						if (typeof opt['beforeClose'] == 'function') {
-							opt['beforeClose'](this);
-						}
-					})
-				.on('hidden.bs.modal',function(){
-						if (typeof opt['close'] == 'function') {
-							opt['close'](this);
-						}
-						zmiModalStack.pop();
-					})
-				.modal(opt['modal']);
-			if (typeof opt['minWidth'] != 'undefined') {
-				$('#'+id+' .modal-content').css('minWidth',opt['minWidth']);
-				$('#'+id+' .modal-dialog').css('minWidth',opt['minWidth']);
-			}
-			$('#'+id+' .modal-dialog').css('transform','translate('+((zmiModalStack.length-1)*2)+'em,'+((zmiModalStack.length-1)*2)+'em)');
-		}
-	}
-	$ZMI.setCursorAuto("zmiModal");
-	return false;
-}
-
-/**
- * Open link in iframe (jQuery UI Dialog).
- */
-ZMI.prototype.iframe = function(href, data, opt) {
-	$ZMI.setCursorWait("$ZMI.iframe");
-	data = typeof data == "undefined" ? {} : data;
-	opt = typeof opt == "undefined" ? {} : opt;
-	var url = href + "?";
-	for (var k in data) {
-		url += k + "=" + data[k] + "&";
-	}
-	// Iframe
-	if (typeof opt['iframe'] != 'undefined') {
-		var width = '100%';
-		var height = typeof opt['height'] == 'undefined' ? '100%' : opt['height'];
-		opt['body'] = '<iframe src="' + url + '" width="' + width + '" height="' + height + '" frameBorder="0"></iframe>';
-		zmiModal(null,opt);
-		$ZMI.setCursorAuto("zmiIframe");
-	} else {
-		$.get( href, data, function(result) {
-			var $result = $(result);
-			if ($("div#system_msg",$result).length>0) {
-				var manage_tabs_message = $("div#system_msg",$result).text();
-				manage_tabs_message = manage_tabs_message.substring(0,manage_tabs_message.lastIndexOf("("));
-				var href = self.location.href;
-				href = href.substring(0,href.indexOf("?"))+"?lang="+getZMILang()+"&manage_tabs_message="+manage_tabs_message;
-				self.location.href = href;
-			} else {
-				if (opt['json']) {
-					result = `<pre class="zmi-code json">${JSON.stringify(result, null, space=4)}</pre>`;
-				}
-				opt['body'] = result;
-				if (typeof opt['title'] == "undefined") {
-					var title = $("div.zmi",result).attr("title");
-					if (typeof title != "undefined" && title) {
-						opt['title'] = title;
-					}
-				}
-				zmiModal(null,opt);
-				$ZMI.setCursorAuto("$ZMI.iframe");
-			}
-		});
-	}
-	return false;
-}
-
-// #############################################################################
-// ### ZMI ObjectTree
-// #############################################################################
-
-ZMIObjectTree = function() {};
-$ZMI.objectTree = new ZMIObjectTree();
-
-ZMIObjectTree.prototype.init = function(s,href,p) {
-	var that = this;
-	that.p = p?p:{};
-	that.p.params = that.p.params?that.p.params:{};
-	// Init preselected active.
-	that.active = [];
-	$(s).html('<i class="fas fa-spinner fa-spin"></i>&nbsp;'+getZMILangStr('MSG_LOADING'));
-	var doc_href = $ZMI.get_document_element_url($ZMI.getPhysicalPath());
-	that.metamodel = $.ajax({
-		url: $ZMI.get_rest_api_url(doc_href)+'/metaobj_manager',
-		async: false
-		}).responseJSON;
-	that.p.params.lang = getZMILang();
-	$.get($ZMI.get_rest_api_url(href)+'/get_parent_nodes', that.p.params, function(result) {
-		$(s).html('');
-		var context = s;
-		result.forEach(node => {
-			var html = that.addPages([node]);
-			$(context).append(html);
-			if (typeof that.p['addPages.callback'] == 'function') {
-				that.p['addPages.callback']();
-			};
-			context = `ul[data-id="${node.uid}"] li`;
-			// Remember preselected active.
-			that.active.push({id:node.uid});
-		});
-		$('li',s).addClass('active');
-		var callback = that.p['init.callback'];
-		if (typeof callback != 'undefined') {
-			callback();
-		}
-	});
-}
-
-ZMIObjectTree.prototype.addPages = function(nodes) {
-	var that = this;
-	var html = "";
-	if (that.p.filter) {
-		nodes = nodes.filter(that.p.filter);
-	};
-	// Ensure nodes as list type
-	nodes = nodes.length==undefined ? [nodes] : nodes;
-	nodes.forEach(node => {
-		var data_id = '{$'+node.uid+'}';
-		var link_url = node.index_html;
-		var icon = that.metamodel[node.meta_id] ? $ZMI.icon(that.metamodel[node.meta_id].icon_clazz) : $ZMI.icon('far fa-file');
-		var anchor = '';
-		var css = [ node.is_page ? 'is_page' : 'is_page_element' ];
-		var callback = that.p['toggleClick.callback'];
-
-		if ((node.titlealt.toUpperCase().search('REDIRECT') > -1) &&
-			(node.attr_dc_identifier_url_redirect &&
-				node.attr_dc_identifier_url_redirect.trim() != '')) return;
-
-		if (node.meta_id == 'ZMSGraphic' && link_url) {
-			link_url = `<img data-id=&quot;${data_id}&quot; src=&quot;${link_url}&quot;>`;
-		} else if (node.meta_id == 'ZMSFile' && link_url) {
-			var $path_elements = link_url.split('/');
-			var $fname = $path_elements[$path_elements.length -1 ].split('?')[0];
-			link_url = `<a data-id=&quot;${data_id}&quot; href=&quot;${link_url}&quot; target=&quot;_blank&quot;>${$fname}</a>`;
-		};
-		if (!node.active) {
-			css.push("inactive");
-		};
-		if (node.restricted) {
-			css.push("restricted");
-		};
-		if (node.attr_dc_type) {
-			css.push('type-' + node.attr_dc_type);
-		};
-		html += `<ul data-id="${node.uid}" class="zmi-page ${node.meta_id}${node.is_page_element ? ' is_page_element' :''}">`;
-		html += `<li class="${css.join(' ')}">`;
-		if (!(that.p.params.meta_types == 'ZMS' && node.meta_id == 'ZMS' && !node.has_portal_clients)) {
-			html += `<i class="fas fa-caret-right toggle" title="+" onclick="$ZMI.objectTree.toggleClick(this ${typeof callback=='undefined' ? '' : ',' + callback})"></i> `;
-		} else {
-			html += `<i class="fas fa-caret-right toggle" title="-" style="visibility:hidden"></i> `;
-		};
-		if (node.is_page_element) {
-			if (node.meta_id == 'ZMSGraphic' && node.index_html) {
-				html += `<span class="preview_on_hover preview_image preview_ready" style="--preview_url:url(${node.index_html});cursor:help" title="${getZMILangStr('TAB_PREVIEW')}">${icon}</span> `;
-			} else {
-				html += `<span class="preview_on_hover preview_text" style="cursor:help" data-preview_text="Loading ..." onmouseover="$ZMI.objectTree.preview_load(this)" title="${getZMILangStr('TAB_PREVIEW')}">${icon}</span> `;
-			}
-		}
-		html += `<a href="${node.getPath}"
-			data-link-url="${link_url}"
-			data-uid="${node.uid}"
-			data-anchor="${anchor}"
-			data-page-titlealt="${node.titlealt.replace(/"/g,'&quot;').replace(/'/g,'&apos;')}"
-			onclick="return zmiSelectObject(this);return false;">`;
-		if (!node.is_page_element) {
-			html += icon + ' ';
-		}
-		html += node.titlealt;
-		html += '</a>';
-		html += '</li>';
-		html += '</ul><!-- .zmi-page -->';
-	});
-	return html;
-}
-
-/**
- * Click toggle.
- */
-ZMIObjectTree.prototype.toggleClick = function(toggle, callback) {
-	var that = this;
-	var $container = $(toggle).parents("li:first");
-	$container.children("ul").remove();
-	if ($(toggle).hasClass("fa-caret-right")) {
-		$(toggle).removeClass("fa-caret-right").addClass("fa-caret-down").attr({title:'-'});
-		var uid = $("[data-uid]:first",$(toggle).parent()).attr("data-uid");
-		var href = $ZMI.get_document_element_url($ZMI.getPhysicalPath());
-		// Set wait-cursor.
-		$container.append('<div id="loading" class="zmi-page"><i class="fas fa-spinner fa-spin"></i>&nbsp;&nbsp;'+getZMILangStr('MSG_LOADING')+'</div>');
-		that.p.params.lang = getZMILang();
-		$.get($ZMI.get_rest_api_url(href)+'/'+uid+'/get_child_nodes', that.p.params, function(result){
-			// Reset wait-cursor.
-			$("#loading").remove();
-			// Get and iterate result.
-			if ( result.length == 0) {
-				$(toggle).removeClass("fa-caret-down").attr({title:''});
-			}
-			else {
-				var html = that.addPages(result);
-				$container.append(html);
-				if (typeof that.p['addPages.callback'] == 'function') {
-					that.p['addPages.callback']();
-				}
-				// Set preselected active.
-				for (var i = 0; i < that.active.length; i++) {
-					var d = that.active[i];
-					$("ul[data-id=\'"+d.id+"] > li").addClass('active');
-				}
-			}
-			if (typeof callback == 'function') {
-				callback();
-			}
-		});
-	} else {
-		if ($(toggle).hasClass("fa-caret-down")) {
-			$(toggle).removeClass("fa-caret-down").addClass("fa-caret-right").attr({title:'+'});
-		}
-		if (typeof callback == 'function') {
-			callback();
-		}
-	}
-}
-
-/**
- * Load preview.
- */
-ZMIObjectTree.prototype.preview_load = function(sender) {
-	var data_id = $(sender).closest('.zmi-page').attr('data-id');
-	if(!$(sender).hasClass('preview_loaded')) {
-		var abs_url = $(sender).parent('li').children('a[href]').attr('href');
-		$.get($ZMI.get_rest_api_url(abs_url)+'/get_body_content',{lang:getZMILang(),preview:'preview'},function(data){
-			// Clean data as plain text
-			data = $(JSON.parse(data)).text().replaceAll('\n','');
-			$(sender).attr('data-preview_text',data);
-			$(sender).addClass('preview_loaded');
-		});
-	};
-}
-
-// #############################################################################
-// ### ZMI Action-Lists
-// #############################################################################
-
-ZMIActionList = function() {};
-$ZMI.actionList = new ZMIActionList();
-
-ZMIActionList.prototype.getContextId = function(el) {
-	var context = $(el).hasClass("zmi-item")?$(el):$(el).parents("li.zmi-item");
-	var context_id = $(context).attr("id");
-	return typeof context_id == "undefined" || context_id == ""?"":context_id.replace(/zmi_item_/gi,"");
-}
-
-/**
- * Populate and show action-list.
- *
- * @param el
- */
-ZMIActionList.prototype.over = function(el, e, cb) {
-	var that = this;
-	if (typeof cb == "undefined") {
-		$("button.split-left",el).css({visibility:"visible"});
-	}
-	var $button = $('button.btn.split-right.dropdown-toggle',el);
-	// Expandable headers.
-	$button.click(function() {
-		var $right = $(this).parents(".right");
-		var selected = $("input:checkbox",$right).length?$("input:checkbox",$right).prop("checked"):false;
-		$(".dropdown-header",$right).each(function(index) {
-				var actualCollapsed = $("i",this).hasClass("fa-caret-right");
-				var expectedCollapsed = (index == 0 && !selected) || (index > 0 && selected);
-				if (actualCollapsed != expectedCollapsed) {
-					$(this).click();
-				}
-			});
-		});
-	$('*',$button).hide();
-	// Exit.
-	if ($(el).hasClass("loaded") || $(el).hasClass("loading")) {
-		// Callback.
-		if (typeof cb == "function") {
-			cb();
-		}
-		return;
-	}
-	// Set wait-cursor.
-	$(el).addClass("loading");
-	$(document.body).css( "cursor", "wait");
-	// Initialize.
-	var lang = getZMILang();
-	var context_id = this.getContextId(el);
-	// Edit action
-	$("button.split-left",el).click(function() {
-		if (!$(el).hasClass("loading")) {
-			if ($(".fa-plus-sign",this).length==0) {
-				var action = self.location.href;
-				action = action.substring(0,action.lastIndexOf("/")+1);
-				if (context_id=="") {
-					action += "manage_properties";
-				}
-				else {
-					if ($ul.html().indexOf(context_id+"/manage_main")<0) {
-						return false;
-					}
-					action += context_id+"/manage_main";
-				}
-				action += "?lang=" + lang;
-				self.location.href = action;
-			}
-			else {
-				$('button.btn.split-right.dropdown-toggle',el).click();
-			}
-		}
-		return false;
-	});
-	// Build action and params.
-	var action = zmiParams['base_url'];
-	action = action.substring(0,action.lastIndexOf("/"));
-	action += "/manage_ajaxZMIActions";
-	var params = {};
-	params['lang'] = lang;
-	params['context_id'] = context_id;
-	// JQuery.AJAX.get
-	$.get( action, params, function(data) {
-		// Get object-id.
-		var value = eval('('+data+')');
-		var id = value['id'].replace(/\./,"_");
-		var actions = value['actions'];
-		$(el).append('<div class="dropdown-menu"></div>');
-		$ul = $(".dropdown-menu",el);
-		var startsWithSubmenu = actions.length > 1 && actions[1][0].indexOf("-----") == 0 && actions[1][0].lastIndexOf("-----") > 0;
-		var o = 0;
-		if (startsWithSubmenu) {
-			o = 2;
-			var html = '';
-			var action = actions[1];
-			var optlabel = action[0];
-			var opticon = '<i class="fas fa-plus-sign"></i>';
-			optlabel = optlabel.substring("-----".length);
-			optlabel = optlabel.substring(0,optlabel.lastIndexOf("-----"));
-			optlabel = optlabel.basicTrim();
-			$("button.split-left",el).html(opticon+' '+optlabel);
-		}
-		for (var i = o; i < actions.length; i++) {
-			if (o==0 && i==1) {
-				$ul.append('<a class="dropdown-item" href="javascript:zmiToggleSelectionButtonClick($(\'li.zmi-item' + (id==''?':first':'#zmi_item_'+id) + '\'))"><i class="fas fa-check-square"></i> '+getZMILangStr('BTN_SLCTALL')+'/'+getZMILangStr('BTN_SLCTNONE')+'</a>');
-			}
-			// Standard commands/workflow provide 3 parameters
-			var action = actions[i];
-			var optlabel = action[0];
-			var optvalue = action[1];
-			var opticon = action[2];
-			var optid = '';
-			var opttitle = '';
-			// Content objects provide 5 parameters
-			if (action.length==5) {
-				optid = action[3];
-				opttitle = action[4];
-			}
-			// Custom commands provide 6 parameters
-			if (action.length==6) {
-				var optlabel = action[1];
-				var optvalue = action[2];
-				var opticon = action[3];
-				var optid = action[4];
-				var opttitle = action[5];
-			}
-			if (optlabel.indexOf("-----") == 0 && optlabel.lastIndexOf("-----") > 0) {
-				opticon = '<i class="fas fa-caret-down"></i>';
-				optlabel = optlabel.substring("-----".length);
-				optlabel = optlabel.substring(0,optlabel.lastIndexOf("-----"));
-				optlabel = optlabel.basicTrim();
-				$ul.append('<div class="dropdown-header '+optvalue+'">'+opticon+' '+optlabel+'</div>');
-			}
-			else {
-				if (opticon.indexOf('<')!=0) {
-					opticon = $ZMI.icon(opticon);
-				}
-				var html = '';
-				html += '<a class="dropdown-item" title="'+opttitle+'" href="javascript:$ZMI.actionList.exec($(\'li.zmi-item' + (id==''?':first':'#zmi_item_'+id) + '\'),\'' + optlabel + '\',\'' + optvalue + '\',\'' + optid + '\')">';
-				html += opticon+' <span>'+optlabel+'</span>';
-				html += '</a>';
-				$ul.append(html);
-			}
-		}
-		// Dropup
-		if(typeof e!="undefined"&&$ul.innerHeight()<$(document).innerHeight()&&e.pageY>$ul.innerHeight()){
-			$(el).addClass("dropup");
-		}
-		// Expandable headers
-		$(".dropdown-header",$ul)
-			.click(function (event) {
-				var duration = (event.pageX && event.pageY) ? 400 : 0; // User-event show animation
-				$("i",this).toggleClass("fa-caret-down").toggleClass("fa-caret-right");
-				$(this).nextUntil(".dropdown-header").slideToggle(duration);
-				event.stopImmediatePropagation();
-				event.stopPropagation();
-			});
-		// Reset wait-cursor.
-		$(el).removeClass("loading").addClass("loaded");
-		$(document.body).css( "cursor", "auto");
-		// Callback.
-		if (typeof cb == "function") {
-			cb();
-		}
-	});
-}
-
-/**
- * Hide action-list.
- *
- * @param el
- */
-ZMIActionList.prototype.out = function(el) {
-	$("button.split-left",el).css({visibility:"hidden"});
-	var $button = $('button.btn.split-right.dropdown-toggle',el);
-	$('*',$button).show();
-}
-
-/**
- *  Execute action.
- */
-ZMIActionList.prototype.exec = function(sender, label, target, meta_id='') {
-	var id_prefix = this.getContextId(sender);
-	if (typeof id_prefix != 'undefined' && id_prefix != '') {
-		id_prefix = id_prefix.replace(/(\d*?)$/gi,'');
-	} else {
-		id_prefix = 'e';
-	}
-	var $el = $(".zmi-action",sender);
-	var $fm = $(".zmi-action-form");
-	var sort_id = $(".zmi-sort-id",$el).text();
-	$("input[name='custom']").val(label);
-	if (typeof sort_id!="undefined"&&sort_id.length>0&&!isNaN(sort_id)) {
-		$("input[name='_sort_id:int']").val(sort_id);
-	}
-	if (target.toLowerCase().indexOf('manage_addproduct/')==0 && target.toLowerCase().indexOf('form')>0) {
-		// Parameters
-		var inputs = $("input:hidden",$fm);
-		var data = {};
-		for ( var i = 0; i < inputs.length; i++) {
-			var $input = $(inputs[i]);
-			var id = $input.attr("id");
-			if (jQuery.inArray(id,['form_id','id_prefix','_sort_id','custom','lang','preview'])>=0) {
-				data[$input.attr('name')] = $input.val();
-			}
-		}
-		data['id_prefix'] = id_prefix;
-		var title = '<i class="fas fa-plus-sign"></i> ' + getZMILangStr('BTN_INSERT') + ':&nbsp;' + label;
-		// debugger;
-		if (meta_id!='') {
-			data['meta_id'] = meta_id;
-		}
-		$('<li id="manage_addProduct" class="zmi-item zmi-highlighted"><div class="center">'+title+'</div></li>').insertAfter($el.parents(".zmi-item"));
-		// Show add-dialog.
-		$ZMI.iframe(target,data,{
-			id:'zmiIframeAddDialog',
-			title:title,
-			width:800,
-			open:function(event,ui) {
-				$ZMI.runReady();
-				$('#addInsertBtn').click(function() {
-					self.btnClicked = $(this).text();
-					var $fm = $(".modal form.form-horizontal");
-					$("input[name=btn]:hidden",$fm).remove();
-					$fm.append('<input type="hidden" name="btn" value="BTN_INSERT">');
-					$fm.submit();
-				});
-				$('#addCancelBtn').click(function() {
-					zmiModal("hide");
-				});
-				// Auto-Insert on models without attributes but not ZMSSqlDb or ZMSTable
-				if ( ['ZMSSqlDb','ZMSTable'].indexOf($('#ZMS_INSERT').val())==-1 &&
-					$('#zmiIframeAddDialog .form-group:not([class*="activity"]) .form-control').length==0 ) {
-					$('#addInsertBtn').click();
-				}
-			},
-			close:function(event,ui) {
-				$('#manage_addProduct').remove();
-			},
-			buttons:[
-				{id:'addInsertBtn', text:getZMILangStr('BTN_INSERT'), name:'btn', 'class':'btn btn-primary'},
-				{id:'addCancelBtn', text:getZMILangStr('BTN_CANCEL'), name:'btn', 'class':'btn btn-secondary'}
-			]
-		});
-	}
-	else {
-		var $div = $el.parents("div.right");
-		var $input = $("input[name='ids:list']",$div);
-		$input.prop("checked",true);
-		zmiActionButtonsRefresh(sender);
-		var params = $ZMI.parseURLParams(target);
-		var target = target.indexOf("?")>0?target.substring(0,target.indexOf("?")):target;
-		if (this.confirm($fm,target,params)) {
-			var c = 0;
-			for (var k in params) {
-				var id = 'hidden_'+k+'_'+c;
-				$fm.append('<input type="hidden" id="'+id+'" name="'+k+'">');
-				$('input#'+id,$fm).val(params[k]);
-				c++;
-			}
-			$("input[name='id_prefix']",$fm).val(id_prefix);
-			$("input[name='ids:list']",$fm).remove();
-			$("input[name='ids:list']",$("div.right")).each(function() {if(this.checked)$fm.append(this)});
-			$fm.attr("action",target);
-			$fm.attr("method","POST");
-			$fm.submit();
-		}
-		else {
-			$("input[name='ids:list']",$div).prop("checked",false);
-			zmiActionButtonsRefresh(sender);
-		}
-	}
-}
-
-/**
- * Confirm execution of action from select.
- *
- * @param fm
- * @param target
- * @param data
- */
-ZMIActionList.prototype.confirm = function(fm, target, data) {
-	var b = true;
-	var i = $("input[name='ids:list']:checkbox:checked").length;
-	if (target.indexOf("../") == 0) {
-		i = 1;
-	}
-	if (target.indexOf("manage_rollbackObjChanges") >= 0) {
-		var msg = getZMILangStr('MSG_ROLLBACKVERSIONCHANGES');
-		msg = msg.replace("%i",""+i);
-		b = confirm(msg);
-	}
-	else if (target.indexOf("manage_cutObjects") >= 0) {
-		var msg = getZMILangStr('MSG_CONFIRM_CUTOBJS') + $ZMI.getDescendantLanguages();
-		msg = msg.replace("%i",""+i);
-		b = i > 0 && confirm(msg);
-	}
-	else if (target.indexOf("manage_eraseObjs") >= 0) {
-		var msg = getZMILangStr('MSG_CONFIRM_DELOBJS');
-		msg = msg.replace("%i",""+i);
-		b = i > 0 && confirm(msg);
-	}
-	else if (target.indexOf("manage_deleteObjs") >= 0) {
-		var msg = getZMILangStr('MSG_CONFIRM_TRASHOBJS');
-		msg = msg.replace("%i",""+i);
-		msg += $ZMI.getDescendantLanguages();
-		b = i > 0 && confirm(msg);
-	}
-	else if (target.indexOf("manage_undoObjs") >= 0) {
-		var msg = getZMILangStr('MSG_CONFIRM_DISCARD_CHANGES');
-		msg = msg.replace("%i",""+i);
-		b = i > 0 && confirm(msg);
-	}
-	else if (target.indexOf("manage_executeMetacmd") >=0 ) {
-		var msg = $.ajax({
-			url: 'getMetaCmdDescription',
-			data:data,
-			datatype:'text',
-			traditional: true,
-			async: false
-			}).responseText;
-		if (typeof msg != 'undefined' && msg.length > 0) {
-			msg = msg.replace("%i",""+i);
-			b = confirm(msg);
-		}
-	}
-	else if (target == "") {
-		b = false;
-	}
-	return b;
-}
-
-/**
- * @param sender
- * @param evt
- */
-function zmiActionButtonsRefresh(sender,evt) {
-	$(".zmi-selectable").each(function() {
-		if ($(".right input:checked",this).length > 0) {
-			$(this).addClass("zmi-selected");
-		}
-		else {
-			$(this).removeClass("zmi-selected");
-		}
-	});
-}
-
-/**
- * This method (un-)checks all id-checkboxes on page and refreshs the buttons.
- *
- * @param sender
- * @param v Boolean value for new (un-)checked state.
- */
-function zmiToggleSelectionButtonClick(sender,v) {
-	var $fm = $(sender).closest('form,.zmi-form-container');
-	var $inputs = $('input:checkbox:not([id~="active"]):not([id~="attr_dc_coverage"])',$fm);
-	if (typeof v == "undefined") {
-		v = !$inputs.prop('checked');
-	}
-	$inputs.prop('checked',v).change();
-	zmiActionButtonsRefresh(sender);
-}
-
-/**
- * zmiBrowseObjs
- */
-function zmiBrowseObjs(fmName, elName, lang) {
-	let title = getZMILangStr('CAPTION_CHOOSEOBJ');
-	let href = "manage_browse_iframe";
-	let elValue = '';
-	if (fmName.length>0 && elName.length>0) {
-		// Get value of close input field, maybe in a modal dialog
-		$('form[name='+fmName+'] input[name="'+elName+'"]').each(function() {
-			if ( $(this).parents('div.modal.show').length > 0 ) {
-				elValue = $(this).val();
-				return false; // Exit the loop
-			} else {
-				elValue = $(this).val();
-			}
-		});
-	};
-	href += '?lang='+lang;
-	href += '&defaultLang='+lang;
-	href += '&fmName='+fmName;
-	href += '&elName='+elName;
-	href += '&elValue='+encodeURIComponent(elValue);
-	if ( typeof selectedText == "string") {
-		href += '&selectedText=' + encodeURIComponent( selectedText);
-	}
-	zmiModal(null,{
-		body: '<iframe src="'+href+'" style="width:100%; min-width:'+$ZMI.getConfProperty('zmiBrowseObjs.minWidth','200px')+'; height:100%; min-height: '+$ZMI.getConfProperty('zmiBrowseObjs.minHeight','62vh')+'; border:0;"></iframe>',
-		title: title
-	});
-	return false;
-}
-
-function zmiBrowseObjsApplyUrlValue(fmName, elName, elValue, elTitle) {
-	$('form[name='+fmName+'] input[name="'+elName+'"]').val(elValue).change();
-	if (typeof elTitle != "undefined") {
-		$('form[name='+fmName+'] input[name^=title]:text').each(function() {
-			if ($(this).val()=='') {
-				$(this).val(elTitle).change();
-			}
-		});
-	}
-}
-
-function zmiDialogClose() {
-	zmiModal("hide");
-}
-
-// ############################################################################
-// ### WYSIWYG-Textareas
-// ############################################################################
-
-/**
- * @see http://stackoverflow.com/questions/1981088/set-textarea-selection-in-internet-explorer
- */
-function setInputSelection(e, selection){
-	e.focus();
-	if(e.setSelectionRange) {
-		e.setSelectionRange(selection.start, selection.end);
-	} else if(e.createTextRange) {
-		e = e.createTextRange();
-		e.collapse(true);
-		e.moveEnd('character', selection.end);
-		e.moveStart('character', selection.start);
-		e.select();
-	}
-}
-
-/**
- * @see http://stackoverflow.com/questions/7186586/how-to-get-the-selected-text-in-textarea-using-jquery-in-internet-explorer-7
- */
-function getInputSelection(el) {
-	var start = 0, end = 0, normalizedValue, range,
-	textInputRange, len, endRange;
-	if (typeof el.selectionStart == "number" && typeof el.selectionEnd == "number") {
-		start = el.selectionStart;
-		end = el.selectionEnd;
-	} else {
-		range = document.selection.createRange();
-		if (range && range.parentElement() == el) {
-			len = el.value.length;
-			normalizedValue = el.value.replace(/\r\n/g, "\n");
-			// Create a working TextRange that lives only in the input
-			textInputRange = el.createTextRange();
-			textInputRange.moveToBookmark(range.getBookmark());
-			// Check if the start and end of the selection are at the very end
-			// of the input, since moveStart/moveEnd doesn't return what we want
-			// in those cases
-			endRange = el.createTextRange();
-			endRange.collapse(false);
-			if (textInputRange.compareEndPoints("StartToEnd", endRange) > -1) {
-				start = end = len;
-			} else {
-				start = -textInputRange.moveStart("character", -len);
-				start += normalizedValue.slice(0, start).split("\n").length - 1;
-				if (textInputRange.compareEndPoints("EndToEnd", endRange) > -1) {
-					end = len;
-				} else {
-					end = -textInputRange.moveEnd("character", -len);
-					end += normalizedValue.slice(0, end).split("\n").length - 1;
-				}
-			}
-		}
-	}
-	return {
-		start: start,
-		end: end
-	};
-}
-
-var selectedInput = null;
-var selectedText = {start:-1,end:-1};
-
-function untagSelected(tag, leftDelimiter, rightDelimiter) {
-	var v = $(selectedInput).val();
-	var pre = v.slice(0,selectedText.start);
-	var range = v.slice(selectedText.start,selectedText.end);
-	var post = v.slice(selectedText.end);
-	while (range.indexOf(" ")==range.length-1) {
-		range = range.slice(0,range.length-1);
-		post = " " + post;
-	}
-	var tagName = tag.indexOf(" ")>0?tag.substring(0,tag.indexOf(" ")):tag;
-	var startTag = leftDelimiter + tag + rightDelimiter;
-	var startRe = new RegExp(leftDelimiter + tag + "(.*?)" + rightDelimiter, "gi");
-	var endTag = leftDelimiter + "/" + tagName + rightDelimiter;
-	var endRe = new RegExp(leftDelimiter + "/" + tag + rightDelimiter, "gi");
-	var preMatch = pre.match(startRe);
-	var postMatch = post.match(endRe);
-	if (preMatch!=null && postMatch!=null) {
-		var preMatch = preMatch[preMatch.length-1];
-		var postMatch = postMatch[0];
-		if (pre.endsWith(preMatch) && post.startsWith(postMatch)) {
-			var newPre = pre.replace(preMatch,'');
-			var newPost = post.replace(postMatch,'');
-			$(selectedInput).val(newPre+range+newPost);
-			// Set selection.
-			var offset = newPre.length-pre.length;
-			selectedText = {start:selectedText.start+offset,end:selectedText.start+offset+range.length};
-			setInputSelection(selectedInput,selectedText);
-		}
-		return true;
-	}
-	return false;
-}
-
-function tagSelected(tag, leftDelimiter, rightDelimiter) {
-	var v = $(selectedInput).val();
-	var pre = v.slice(0,selectedText.start);
-	var range = v.slice(selectedText.start,selectedText.end);
-	var post = v.slice(selectedText.end);
-	while (range.indexOf(" ")==range.length-1) {
-		range = range.slice(0,range.length-1);
-		post = " " + post;
-	}
-	var tagName = tag.indexOf(" ")>0?tag.substring(0,tag.indexOf(" ")):tag;
-	var tagAttrs = tag.indexOf(" ")>0?tag.substring(tag.indexOf(" ")):"";
-	if (tagName == 'a' && tagAttrs == '') {
-		if (range.indexOf("@") > 0) {
-			tagAttrs = ' href="mailto:'+range+'"';
-		}
-		else if (range.indexOf("://") > 0) {
-			tagAttrs = ' href="'+range+'" target="_blank"';
-		}
-	}
-	if (tagName == 'a' && tagAttrs == '') {
-		zmiBrowseObjs('','',getZMILang());
-	}
-	else {
-		var startTag = leftDelimiter + tagName + tagAttrs + rightDelimiter;
-		var endTag = leftDelimiter + "/" + tagName + rightDelimiter;
-		var newRange = startTag + range + endTag;
-		$(selectedInput).val(pre+newRange+post);
-		// Set selection.
-		var offset = startTag.length;
-		selectedText = {start:selectedText.start+offset,end:selectedText.start+offset+range.length};
-		setInputSelection(selectedInput,selectedText);
-		return true;
-	}
-	return false;
-}
-
-function formatSelected(tag, leftDelimiter, rightDelimiter) {
-	if (!untagSelected(tag, leftDelimiter, rightDelimiter)) {
-		tagSelected(tag, leftDelimiter, rightDelimiter);
-	}
-}
-
-/**
- * Set text-format for input.
- */
-function setTextFormatInput( tag, fmName, elName) {
-	self.fm = document.forms[ fmName];
-	self.el = self.fm.elements[ elName];
-	if (typeof self.el == 'undefined') {
-		self.el = document.getElementsByName(elName)[0];
-	}
-	// Avoid loosing focus by fitting textarea to content amount
-	$('#' + elName ).height(document.getElementById(elName).scrollHeight);
-	formatSelected(tag,'<','>');
-}
-
-/**
- * Store caret.
- */
-function storeCaret(input) {
-	selectedInput = input;
-	selectedText = getInputSelection(input);
-}
-
-// ############################################################################
-// ### Record-Sets
-// ############################################################################
-
-function zmiRecordSetMoveRow(context, qIndex, delta) {
-	var $form = $(context).closest('form');
-	if (typeof qIndex != "undefined") {
-		var $btnGroup = $(context).closest('.btn-group');
-		var $input = $("input:checkbox:first",$btnGroup);
-		$form.append('<input type="hidden" name="qindex:int" value="' + $input.val() + '">');
-	}
-	$form.append('<input type="hidden" name="pos:int" value="' + (qIndex+1) + '">');
-	$form.append('<input type="hidden" name="newpos:int" value="' + (qIndex+1+delta) + '">');
-	$('input[name="action"]',$form).val('move');
-	$form.submit();
-}
-
-function zmiRecordSetDeleteRow(context, qIndex) {
-	var $form = $(context).closest('form');
-	if (typeof qIndex != "undefined") {
-		var $btnGroup = $(context).closest('.btn-group');
-		var $input = $("input:checkbox:first",$btnGroup);
-		$input.prop('checked',true).change();
-	}
-	if (confirm(getZMILangStr('MSG_CONFIRM_DELOBJS').replace('%i',$("input[name='qindices:list']:checked").length))) {
-		$('input[name="action"]',$form).val('delete');
-		$form.submit();
-	}
-	else if (typeof qIndex != "undefined") {
-		var $input = $('input[value="'+qIndex+'"]',$form);
-		$input.prop('checked',false).change();
-	}
-	return false;
-}
-
-function zmiRecordSetDuplicateRow(context, qIndex) {
-	var $form = $(context).closest('form');
-	if (typeof qIndex != "undefined") {
-		var $btnGroup = $(context).closest('.btn-group');
-		var $input = $("input:checkbox:first",$btnGroup);
-		$input.prop('checked',true).change();
-	}
-	if (confirm(getZMILangStr('MSG_CONFIRM_DUPLICATEOBJS').replace('%i',$("input[name='qindices:list']:checked").length))) {
-		$('input[name="action"]',$form).val('duplicate');
-		$form.submit();
-	}
-	else if (typeof qIndex != "undefined") {
-		var $input = $('input[value="'+qIndex+'"]',$form);
-		$input.prop('checked',false).change();
-	}
-	return false;
-}
-// ############################################################################
-// ### HORIZONTAL SCROLLING MAIN NAVIGATION FOR SMALL SCREENS
-// ############################################################################
-$ZMI.registerReady(function(){
-	var hidWidth;
-	var scrollBarWidths = 40;
-	var widthOfList = function(){
-		var itemsWidth = 0;
-		$('.wrapper .nav.nav-tabs li').each(function(){
-			var itemWidth = $(this).outerWidth();
-			itemsWidth+=itemWidth;
-		});
-		return itemsWidth;
-	};
-	var widthOfHidden = function(){
-		return (($('.wrapper').outerWidth())-widthOfList()-getLeftPosi())-scrollBarWidths;
-	};
-	var getLeftPosi = function(){
-		try {
-			return $('.wrapper .nav.nav-tabs').position().left;
-		} catch(err) {
-			return 0
-		}
-	};
-	var reAdjust = function(){
-		if (($('.wrapper').outerWidth()) < widthOfList()) {
-			$('.scroller-right').show();
-		} else {
-			$('.scroller-right').hide();
-		}
-
-		if (getLeftPosi()<0) {
-			$('.scroller-left').show();
-		} else {
-			$('.item').animate({left:"-="+getLeftPosi()+"px"},'slow');
-			$('.scroller-left').hide();
-		}
-	}
-	$('.scroller-right').click(function() {
-		$('.scroller-left').fadeIn('slow');
-		$('.scroller-right').fadeOut('slow');
-		$('.wrapper .nav.nav-tabs').animate({left:"+="+widthOfHidden()+"px"},'slow',function(){ });
-	});
-	$('.scroller-left').click(function() {
-		$('.scroller-right').fadeIn('slow');
-		$('.scroller-left').fadeOut('slow');
-		$('.wrapper .nav.nav-tabs').animate({left:"-="+getLeftPosi()+"px"},'slow',function(){ });
-	});
-	reAdjust();
-	$(window).on('resize',function(e){
-			reAdjust();
-	});
-});
-
-// ############################################################################
-// ### BACK-TO-TOP-SCROLL BUTTON
-// ############################################################################
-function isScrolledIntoView(elem) {
-	var docViewTop = $(window).scrollTop();
-	var docViewBottom = docViewTop + $(window).height();
-	var elemTop = $(elem).offset().top;
-	var elemBottom = elemTop + $(elem).height();
-	return ((elemBottom <= docViewBottom) && (elemTop >= docViewTop));
-};
-$ZMI.registerReady(function(){
-	const scrollToTopButton = document.getElementById('js-top');
-	const stickyControls = document.getElementsByClassName('sticky-controls')[0];
-	if ( scrollToTopButton || stickyControls ) {
-		window.onscroll = function () {
-			let y = window.scrollY;
-			if ( y > 42 && scrollToTopButton ) {
-				// Show back-to-top button on scroll
-				scrollToTopButton.className = "back-to-top show";
-			} else {
-				scrollToTopButton.className = "back-to-top hide";
-			}
-			if (stickyControls!=undefined) {
-				if ( !isScrolledIntoView(stickyControls) ){
-					stickyControls.classList.add('sticky-controls-activated');
-				}
-				if (y == 0) {
-					stickyControls.classList.remove('sticky-controls-activated');
-				}
-			}
-		};
-		// Scroll back-to-top after button click
-		if (scrollToTopButton) {
-			scrollToTopButton.onclick = () => {
-				$('html, body').animate({
-					scrollTop: 0
-				}, 600);
-				return false;
-			};
-		};
-	};
-});
-
-// /////////////////////////////////////////////////////////////////////////////
-//  Config
-// /////////////////////////////////////////////////////////////////////////////
-
-/**
- * Returns configuration-files.
- */
-var zmiExpandConfFilesProgress = false;
-function zmiExpandConfFiles(el, pattern) {
-	if (!zmiExpandConfFilesProgress) {
-		if ( $("option",el).length==1) {
-			zmiExpandConfFilesProgress = true;
-			// Set wait-cursor.
-			$ZMI.setCursorWait("zmiExpandConfFiles");
-			var first = null;
-			if ( $("option",el).length==1) {
-				first = $("option:first",el).html();
-				$("option:first",el).html(getZMILangStr('MSG_LOADING'));
-			}
-			// JQuery.AJAX.get
-			$.get( 'getConfFiles',{pattern:pattern},function(data) {
-				if (first!=null) {
-					$("option:first",el).html(first);
-				}
-				Object.keys(data)
-					.map(k => ([k, data[k]]))
-					.sort((a, b) => (a[1].localeCompare(b[1])))
-					.forEach(option => {
-						$(el).append('<option value="'+option[0]+'">'+option[1]+'</option>');
-					});
-				zmiExpandConfFilesProgress = false;
-				// Reset wait-cursor.
-				$ZMI.setCursorAuto("zmiExpandConfFiles");
-			});
-		}
-	}
-}
-
-// /////////////////////////////////////////////////////////////////////////////
-//  Url-Input
-// /////////////////////////////////////////////////////////////////////////////
-
-ZMI.prototype.initUrlInput = function(context) {
-	var fn_url_input_each = function() {
-		var $input = $(this);
-		// Add input-group only if not already present
-		if (!$input.parent().hasClass('input-group')) {
-			var fmName = $input.parents("form").attr("name");
-			var elName = $input.attr("name");
-			$input.wrap('<div class="input-group"></div>');
-			var $inputgroup = $input.parent();
-			if ($input.prop("disabled")) {
-				$inputgroup.append(''
-						+ '<div class="input-group-append">'
-							+ '<span class="input-group-text"><i class="fas fa-ban"></i></span>'
-						+ '</div>'
-					);
-			} else {
-				$inputgroup.append(''
-					+ '<div class="input-group-append">'
-						+ '<a class="btn btn-secondary" href="javascript:;" onclick="return zmiBrowseObjs(\'' + fmName + '\',\'' + elName + '\',getZMILang())">'
-							+ '<i class="fas fa-link"></i>'
-						+ '</a>'
-					+ '</div>'
-				);
-			}
-			var fn = function() {
-				$inputgroup.next(".breadcrumb, [aria-label=breadcrumb]").remove();
-				$.ajax({
-					url: 'zmi_breadcrumbs_obj_path',
-					data:{lang:getZMILang(),zmi_breadcrumbs_ref_obj_path:$input.val()},
-					datatype:'text',
-					success:function(response) {
-						$inputgroup.next(".breadcrumb, [aria-label=breadcrumb]").remove();
-						$inputgroup.after(response.replace(/<!--(.*?)-->/gi,'').trim());
-					}
-				});
-			};
-			$input.change(fn).change();
-		}
-	}
-	$("input.url-input",context).each(fn_url_input_each);
-	$("textarea.url-input",context).each(function() {
-		var $input = $(this);
-		var fmName = $input.parents("form").attr("name");
-		var elName = $input.attr("name");
-		var $container = $input.parent();
-		$input.hide();
-		$container.append(''
-			+ '<div class="url-input-container"></div>'
-			+'<input type="hidden" name="new_'+elName+'"/>'
-			+'<a href="javascript:;" onclick="return zmiBrowseObjs(\'' + fmName + '\',\'new_' + elName + '\',getZMILang())" class="btn btn-secondary">'
-			+'<i class="fas fa-plus"></i>'
-			+'</a>');
-		$("input[name='new_"+elName+"']",$container).change(function() {
-				var v = $(this).val();
-				var l = $input.val().length==0?[]:$input.val().split("\n");
-				if (!l.contains()) {
-					l.push(v);
-					$input.val(l.join("\n")).change();
-				}
-				$(this).val("");
-			});
-		$input.change(function() {
-			var v = $(this).val();
-			var l = $input.val().length==0?[]:$input.val().split("\n");
-			var $inputContainer = $(".url-input-container",$container);
-			$inputContainer.html('');
-			for (var i = 0; i < l.length; i++) {
-				$inputContainer.append('<input class="form-control url-input" type="text" value="'+l[i]+'" disabled="disabled"> ');
-			}
-			$("input.url-input",$inputContainer).each(fn_url_input_each);
-			$(".input-group-append",$inputContainer).replaceWith('<a class="btn btn-secondary" href="javascript:;"><i class="fas fa-times"></i></a>');
-			$("input.url-input",$inputContainer).next().click(function() {
-				$(this).parents(".input-group").next(".breadcrumb").remove();
-				$(this).parents(".input-group").remove();
-				var l = [];
-				$("input",$inputContainer).each(function() {
-					var v = $(this).val();
-					if (v.length > 0) {
-						l.push(v);
-					}
-				});
-				$input.val(l.join("\n")).change();
-			});
-		}).change();
-	});
-}
-
-// /////////////////////////////////////////////////////////////////////////////
-//  Multiselect
-// /////////////////////////////////////////////////////////////////////////////
-
-/**
- * Remove option from multiselect
- */
-ZMI.prototype.removeFromMultiselect = function(src) {
-	if (typeof src == "string") {
-		src = document.getElementById(src);
-	}
-	var selected = new Array();
-	var index = 0;
-	while (index < src.options.length) {
-		if (src.options[index].selected) {
-			selected[index] = src.options[index].selected;
-		}
-		index++;
-	}
-	index = 0;
-	var count = 0;
-	while (index < selected.length) {
-		if (selected[index])
-			src.options[count] = null;
-		else
-			count++;
-		index++;
-	}
-	sortOptions(src);
-}
-
-/**
- * Append option to multiselect
- */
-ZMI.prototype.appendToMultiselect = function(src, data, defaultSelected) {
-	var label = data;
-	var value = data;
-	if (typeof data == "object") {
-		label = data.label;
-		value = data.value;
-		if (data.orig) {
-			label = data.orig;
-		}
-	}
-	if (typeof src == "string") {
-		src = document.getElementById(src);
-	}
-	for ( var i = 0; i < src.options.length; i++) {
-		if ( src.options[i].value == value) {
-			return;
-		}
-	}
-	if (typeof defaultSelected == "undefined") {
-		defaultSelected = false;
-	}
-	var option = new Option( label, value, defaultSelected);
-	src.options[ src.length] = option;
-}
-
-/**
- * Select single option from multiselect.
- */
-ZMI.prototype.selectFromMultiselect = function(fm, srcElName, dstElName) {
-	var src = fm.elements[srcElName];
-	var dst = fm.elements[dstElName];
-	var selected = new Array();
-	var index = 0;
-	while (index < src.options.length) {
-		if (src.options[index].selected) {
-			var newoption = new Option(src.options[index].text, src.options[index].value, true, true);
-			dst.options[dst.length] = newoption;
-			selected[index] = src.options[index].selected;
-		}
-		index++;
-	}
-	index = 0;
-	var count = 0;
-	while (index < selected.length) {
-		if (selected[index])
-			src.options[count] = null;
-		else
-			count++;
-		index++;
-	}
-	sortOptions(src);
-	sortOptions(dst);
-	return false;
-}
-
-/**
- * Select all options from multiselect.
- */
-ZMI.prototype.selectAllFromMultiselect = function(fm, srcElName, dstElName) {
-	var src = fm.elements[srcElName];
-	var dst = fm.elements[dstElName];
-	var index = 0;
-	while (index < src.options.length) {
-		src.options[index].selected = true;
-		index++;
-	}
-	this.selectFromMultiselect(fm,srcElName,dstElName);
-	return false;
-}
-
-/**
- * Add option.
- *
- * @param object
- * @param name
- * @param value
- * @param selectedValue
- */
-function addOption( object, name, value, selectedValue) {
-	var defaultSelected = value.length > 0 && value == selectedValue;
-	var selected = value.length > 0 && value == selectedValue;
-	object.options[object.length] = new Option( name, value, defaultSelected, selected);
-}
-
-/**
- * Sort options.
- */
-function sortOptions(what) {
-	var copyOption = new Array();
-	for (var i=0;i<what.options.length;i++)
-		copyOption[i] = new Array(what[i].text,what[i].value);
-	copyOption.sort();
-	for (var i=what.options.length-1;i>-1;i--) {
-		what.options[i] = null;
-	}
-	for (var i=0;i<copyOption.length;i++)
-		addOption(what,copyOption[i][0],copyOption[i][1])
-}
-
-
-// /////////////////////////////////////////////////////////////////////////////
-//  Set / Reset Form as Modified
-// /////////////////////////////////////////////////////////////////////////////
-
-ZMI.prototype.set_form_modified = function(context,initialValue) {
-	let nowValue = $(context).val();
-	if ( $(context).attr('id')!=undefined && $(context).attr('id').indexOf('editor_')==0 ) {
-		nowValue = CKEDITOR.instances[$(context).attr('id')].getData();
-	};
-	const $body = $('body.zmi');
-	const $btn_save = $('.controls.save button[value="BTN_SAVE"]',$(context).closest('form'));
-	const $form = $(context).parents('form');
-	const $formGroup = $(context).parents('.form-group');
-	if (initialValue==undefined) {
-		initialValue = $(context).data('initial-value');
-	};
-	if (nowValue == initialValue) {
-		$formGroup.removeClass('form-modified');
-	} else {
-		$formGroup.addClass('form-modified');
-	}
-	if ($('.form-group.form-modified').length == 0) {
-		$body.removeClass('form-modified');
-		$btn_save.removeClass('btn-primary').addClass('btn-secondary');
-	} else {
-		$body.addClass('form-modified');
-		$btn_save.removeClass('btn-secondary').addClass('btn-primary');
-	}
-	if ($('#form_modified',$form).length == 0) {
-		$form.append('<input type="hidden" id="form_modified" name="form_modified:boolean" value="1">');
-	}
-}
+$ZMI.registerReady(function(){
+
+	$ZMI.setCursorWait("BO bootstrap.plugin.zmi");
+
+	var manage_menu = typeof window.parent.frames!="undefined"&&typeof window.parent.frames.manage_menu!="undefined";
+
+	$("body").each(function() {
+		var data_root = $(this).attr('data-root');
+		var data_path = $(this).attr('data-path');
+		if (typeof data_root != "undefined" && typeof data_path != "undefined") {
+			// Bookmark
+			if (manage_menu) {
+				$("#zmi-tab .breadcrumb").each(function() {
+					$(this).append('<li class="btn-bookmark"><a href="javascript:;" title="Set Bookmark" class="align-text-top"><i class="far fa-bookmark text-muted"></a><li>');
+					var key = "ZMS."+data_root+".bookmarks";
+					var bookmarks = $ZMILocalStorageAPI.get(key,[]);
+					$("a:last",this).click(function() {
+						var index = bookmarks.indexOf(data_path);
+						if (index >= 0) {
+							bookmarks.splice(index,1);
+							$('.fa-bookmark',this).removeClass("fas").addClass("far");
+						}
+						else {
+							bookmarks.push(data_path);
+							$('.fa-bookmark',this).removeClass("far").addClass("fas");
+						}
+						$ZMILocalStorageAPI.replace(key,bookmarks);
+						var frames = window.parent.frames;
+						try {
+							for (var i = 0; i < frames.length; i++) {
+								if (frames[i] != window && typeof frames[i].zmiBookmarksChanged == "function") {
+									frames[i].zmiBookmarksChanged();
+								}
+							}
+						} catch (e) {
+						}
+					});
+					var index = bookmarks.indexOf(data_path);
+					if (index >= 0) {
+						$('.fa-bookmark',this).removeClass("far").addClass("fas text-primary");
+					} else {
+						$('.fa-bookmark',this).removeClass("fas text-primary").addClass("far text-muted");
+					}
+				});
+			}
+			// History
+			var key = "ZMS."+data_root+".history";
+			var history = $ZMILocalStorageAPI.get(key,[]);
+			var index = history.indexOf(data_path);
+			if (index >= 0) {
+				history.splice(index,1);
+			}
+			history.splice(0,0,data_path);
+			while (history.length > 10) {
+				history.splice(history.length-1,1);
+			}
+			$ZMILocalStorageAPI.replace(key,history);
+			var frames = window.parent.frames;
+			try {
+				for (var i = 0; i < frames.length; i++) {
+					if (frames[i] != window && typeof frames[i].zmiHistoryChanged == "function") {
+						frames[i].zmiHistoryChanged();
+					}
+				}
+			} catch (e) { 
+			}
+		}
+	});
+
+	var $change_dt = $(".zmi-change-dt,.zmi-created-dt");
+	if ($change_dt.length > 0) {
+		var fn = function() {
+				$change_dt.each(function() {
+					var $el = $(this);
+					var mydate = $el.attr("title");
+					if (typeof mydate!="undefined") {
+						var myformat = getZMILangStr('DATETIME_FMT');
+						var dtsplit=mydate.split(/[\/ .:]/);
+						var dfsplit=myformat.split(/[\/ .:]/);
+						// creates assoc array for date
+						df = new Array();
+						for(dc=0;dc<dtsplit.length;dc++) {
+							df[dfsplit[dc]]=dtsplit[dc];
+							df[dfsplit[dc].substring(1)]=parseInt(dtsplit[dc]);
+						}
+						var dstring = df['%Y']+'-'+df['%m']+'-'+df['%d']+' '+df['%H']+':'+df['%M']+':'+df['%S'];
+						var date = new Date(df['Y'],df['m']-1,df['d']);
+						var now = new Date();
+						now.setHours(0,0,0);
+						var daysBetween = (now.valueOf()-date.valueOf())/(24*60*60*1000);
+						if (daysBetween<1) {
+							date = new Date(df['Y'],df['m']-1,df['d'],df['H'],df['M'],df['S']);
+							now = new Date();
+							var secondsBetween = (now.valueOf()-date.valueOf())/(1000);
+							var minutesBetween = secondsBetween/(60);
+							$(this).attr("data-mydate",getZMILangStr('TODAY')+" "+(minutesBetween<60?Math.floor(minutesBetween)+" min. ":df['%H']+':'+df['%M']));
+						}
+						else if (daysBetween<2) {
+							$(this).attr("data-mydate",getZMILangStr('YESTERDAY')+" "+df['%H']+':'+df['%M']);
+						}
+						else {
+							$(this).attr("data-mydate",getZMILangStr('DATE_FMT').replace('%Y',df['%Y']).replace('%m',df['%m']).replace('%d',df['%d']));
+						}
+					}
+					else {
+						$(this).attr("data-mydate",mydate);
+					}
+			});
+			setTimeout(fn,10000);
+		};
+		fn();
+	}
+
+	// Toggle: Classical Sitemap Icon
+	$('a#navbar-sitemap').each(function() {
+		var $a = $(this);
+		if (self.window.parent.frames.length > 1 && typeof self.window.parent != "undefined" && typeof self.window.parent.frames.manage_menu != "undefined") {
+			$a.attr('target','_top');
+		}
+		else {
+			$a.attr('href',$a.attr('href')+'&dtpref_sitemap=1');
+		}
+	});
+
+	// Toggle: Lang
+	if (manage_menu) {
+		$('.zmi header a.toggle-lang').each(function() {
+				var $a = $(this);
+				$a.attr('target','_top');
+				$a.attr('href','manage?lang='+$a.attr('data-language') + '&dtpref_sitemap=1' + '&came_from='+$a.attr('href'));
+			});
+	}
+
+	// Context-Sensitive Help On Labels
+	$(".help").each(function() {
+			$(this).hide();
+			var data_for = $(this).attr("data-for");
+			$("label[for="+data_for+"], label[for="+data_for+"_"+getZMILang()+"]").each(function() {
+					$(this).append('<i class="fas fa-info-circle text-info ml-1" title="'+getZMILangStr('TAB_HELP')+'..." onclick="var evt=arguments[0]||window.event;evt.stopPropagation();zmiModal(\'div.help[data-for='+data_for+']\',{title:\''+getZMILangStr('TAB_HELP')+': '+$(this).text().trim()+'\'})"></i>');
+				});
+		});
+
+	// Tooltip
+	$('[data-toggle="tooltip"]').tooltip();
+
+	// Main Menu Toggle
+	$('.zmi .main-nav li.active a').click(function(event) {
+		if ( $(window).width() < 767) {
+			event.preventDefault();
+			$('.zmi .main-nav li:not(.active)').toggle();
+			return false;
+		}
+	});
+
+	// Titleimage: Video-Preview on Hover
+	if ($('.object_has_titleimage')) {
+		$('.object_has_titleimage i.preview_on_hover').each( function() {
+			var media_url = $(this).data('preview_url');
+			if ( media_url.search('.mp4') > -1 ) {
+				var this_container = $(this).closest('.zmi-manage-main-change');
+				var media_html = '<video autoplay="" autostart="" loop="" playsinline="" muted="" preload="auto"><source src="' +  media_url + '"></video>';
+				$(this)
+					.on('mouseout',function() {
+						$('video',this_container).remove();
+					})
+					.on('mouseover',function() {
+						if ($('video',this_container).length==0 ) {
+							this_container.append(media_html)
+						}
+					})
+			};
+		});
+	};
+
+	// Filters
+	$(".collapse.filters").each(function() {
+		var $body = $(this);
+		var f = function() {
+			// Ensure at least one empty filter (cloned from hidden prototype).
+			var $hidden = $(".form-group.d-none",$body);
+			var $other = $hidden.prevAll(".form-group");
+			var $selects = $("select[name^='filterattr']",$other);
+			var i = 0;
+			var c = 0;
+			$selects.each(function() {
+				i++;
+				if ($(this).val()=='') {
+					if (i<$selects.length) {
+						$(this).parents(".form-group").remove();
+					}
+					c++;
+				}
+			});
+			if (c==0) {
+				var $cloned = $hidden.clone(true);
+				$cloned.insertBefore($hidden).removeClass("d-none");
+			}
+			// Rename filters (ordered by DOM).
+			var qfilters = 0;
+			var d = {}
+			$("*[name^='filter']",$body).each(function() {
+					var nodeName = this.nodeName.toLowerCase();
+					if (nodeName=='input' || nodeName=='select') {
+						var name = $(this).attr("name").replace(/\d/gi,'');
+						if (typeof d[name]=="undefined") {
+							d[name] = 0;
+						}
+						$(this).attr("name",name+d[name]);
+						qfilters = d[name];
+						d[name]++;
+					}
+				});
+			$("input#qfilters").val(qfilters);
+		};
+		$("select[name^=filterattr]",$body).each(function() {
+			var that = this;
+			$(that).click(f).keyup(f);
+		});
+		f();
+	});
+
+	// Filters (ii)
+	// @see zpt/ZMSRecordSet/main_grid.zpt
+	var filter_timeout = null;
+	$('table.table.table-striped.table-bordered.table-hover.zmi-sortable.zmi-selectable input.form-control:text').keyup(function(e) {
+		var that = this;
+		if ($(that).hasClass("form-disabled")) {
+			return false;
+		}
+		var f = function() {
+			$(that).addClass("form-disabled");
+			var form = that.form;
+			form.action = self.location.href;
+			form.submit();
+		}
+		clearTimeout(filter_timeout);
+		switch (e.keyCode) {
+			case 13:
+				f();
+				return false;
+			default:
+				filter_timeout = setTimeout(f, 500);
+				return true;
+		}
+	});
+
+	// Textarea:
+	// single-line
+	$('div.single-line').each(function() {
+		var $single_line = $(this);
+		var $textarea = $('textarea',this);
+		$textarea.prop({rows:1,wrap:'off'});
+
+		if ($single_line.hasClass("zmi-code")) {
+			$('textarea',$single_line).on('focus', function() {
+				if ( !$(this).hasClass('open-zmi-code') && !($(this).val()=='') ) {
+					$(this)
+						.addClass('open-zmi-code')
+						.removeClass('alert-warning')
+						.css('height','auto')
+						.animate({height: $(this).prop('scrollHeight') + 'px'},600);
+					if ( $(this).attr('data-dblclickhandler') ) {
+						$(this).dblclick(function(e) {
+							// Show Zope Code editor only if no text is selected
+							var seltxt = window.getSelection().toString();
+							if ( seltxt.length == 0 || /\s/.test(seltxt) ) {
+								$('.zmi-code-close',$single_line).remove();
+								$('textarea',$single_line)
+									.animate({height: '30px'},0)
+									.css('height','auto')
+									.removeClass('open-zmi-code')
+									.addClass('alert-warning')
+									.blur();
+								eval($(this).attr('data-dblclickhandler'));
+							};
+						})
+					}
+					// Add closing button
+					var close_btn = '<i title="Close Editing" class="zmi-code-close fas fa-chevron-up text-primary text-center" style="cursor:pointer;margin: 0 0 0 calc(50%);"></i>';
+					$single_line.append(close_btn);
+					$('.zmi-code-close',$single_line).click(
+						function() {
+							$('textarea',$single_line)
+								.animate({height: '30px'},600)
+								.css('height','auto')
+								.removeClass('open-zmi-code');
+							$(this).remove();
+						}
+					);
+				}
+			});
+			return;
+		}
+
+		if ($single_line.hasClass("zmi-nodes")) {
+			$textarea.prop({title:getZMILangStr('ATTR_NODE')});
+		}
+		if ($("span.input-group-append",this).length==0) {
+			$(this).addClass("input-group");
+			if ($textarea.prev('i').length==1) {
+				$textarea.prev('i').wrap('<div class="input-group-prepend"><span class="btn btn-secondary btn-sm"></span></div>')
+			}
+			if ($textarea.attr('data-style')) {
+				$(this).append('<div class="input-group-append"><a href="javascript:;" class="btn btn-secondary btn-sm" title="Click for Code Popup or Dbl-Click for Native Editor!" style="' + $textarea.attr('data-style') + '"></a></div>');
+			} else {
+				$(this).append('<div class="input-group-append"><a href="javascript:;" class="btn btn-secondary btn-sm"><i class="fas fa-ellipsis-v"></i></a></div>');
+			};
+			var clicks, timer, delay;
+			clicks=0;delay=500;timer=null;
+			$('.input-group-append',this).on('click', function(){
+				clicks++;
+				timer = setTimeout(function() {
+					switch(clicks){
+						case 1:
+							var html = '';
+							html = html
+								+ '<div id="zmi-single-line-edit" class="inner">'
+									+ '<form class="form-horizontal" name="zmi-single-line-form">';
+							if ($single_line.hasClass("zmi-nodes")) {
+								html = html
+										+ '<div class="col-lg-10">'
+											+ '<div class="input-group">'
+												+ '<input class="form-control url-input" type="text" name="zmi-nodespicker-url-input">'
+												+ '<div class="input-group-append">'
+													+ '<a class="btn btn-secondary" href="javascript:;" onclick="zmiBrowseObjs(\'zmi-single-line-form\',\'zmi-nodespicker-url-input\',getZMILang())">'
+														+ '...'
+													+ '</a>'
+												+ '</div>'
+											+ '</div><!-- .input-group -->'
+										+ '</div><!-- .col-lg-10 -->';
+							}
+							html = `${html}<textarea class="form-control zmi-code" rows="10" wrap="off">${$textarea.val()}</textarea></form></div><!-- #zmi-single-line-edit -->`;
+							zmiModal(null,{
+								body:html,
+								resizable:true,
+								title:getZMILangStr('BTN_EDIT')+': '+$textarea.attr('title'),
+								resize: function( event, ui ) {
+									var $container = $('#zmi-single-line-edit');
+									var $ta = $('textarea',$container);
+									var taCoords = $ZMI.getCoords($ta[0],"relative");
+									$ta.css({height:Math.max(20,$container.innerHeight()-taCoords.y-20)+'px'});
+								},
+								close: function( event, ui ) {
+									$textarea.val($('#zmi-single-line-edit textarea').val());
+								}});
+						break;
+						case 2:
+							eval($textarea.attr('data-dblclickhandler'));
+						break;
+					}
+				clicks=0;
+				}, delay);
+			});
+		}
+	});
+
+	// Double-Clickable (TODO: to be specified for data grids that lead row-wise to a dataset form!)
+	$('table.table-hover tbody tr')
+		.dblclick( function(evt) {
+			var href = null;
+			if ((href==null || typeof href=="undefined") && $("a .fa-pencil-alt",this).length > 0) {
+				return $("a .fa-pencil-alt",this).parents("a")[0].click();
+			}
+			else if ((href==null || typeof href=="undefined")) {
+				href = $('a[target=]',this).attr('href');
+			}
+			if (!(href==null || typeof href=="undefined")) {
+				self.location.href = href;
+			}
+		})
+		.attr( "title", "Double-click to edit!");
+
+	// >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
+	// Selectable
+	$("table.zmi-selectable input:checkbox,table.zmi-selectable input:radio").change(function() {
+		var $table = $(this).parents("table");
+		$("tr",$table).each(function() {
+			if ($("td:first input:checked",this).length == 0) {
+				$(this).removeClass("zmi-selected");
+			}
+			else {
+				$(this).addClass("zmi-selected");
+			}
+		});
+	});
+
+	// >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
+	// Sortable
+	var dragSrcEl = null;
+
+	function handleDragStart(e) {
+		// Target (this) element is the source node.
+		dragSrcEl = this;
+		e.dataTransfer.effectAllowed = 'move';
+		e.dataTransfer.setData('text/html', this.outerHTML);
+		this.classList.add('zmi-selected');
+	}
+
+	function handleDragOver(e) {
+		if ( dragSrcEl ) {
+			if (e.preventDefault) {
+				e.preventDefault(); // Necessary. Allows us to drop.
+			}
+			if ((this.classList.contains("page") && dragSrcEl.classList.contains("page"))
+					|| (this.classList.contains("pageelement") && dragSrcEl.classList.contains("pageelement"))) {
+				this.classList.add('zmi-data-transfer-drag');
+				e.dataTransfer.dropEffect = 'move';  // See the section on the DataTransfer object.
+			}
+			return false;
+		}
+	}
+
+	function handleDragEnter(e) {
+		// this / e.target is the current hover target.
+	}
+
+	function handleDragLeave(e) {
+		this.classList.remove('zmi-data-transfer-drag');  // this / e.target is previous target element.
+	}
+
+	function handleDrop(e) {
+		// this/e.target is current target element.
+		if (e.stopPropagation) {
+			e.stopPropagation(); // Stops some browsers from redirecting.
+		}
+		// Don't do anything if dropping the same column we're dragging.
+		if (dragSrcEl != this) {
+			// Set the source column's HTML to the HTML of the column we dropped on.
+			this.parentNode.removeChild(dragSrcEl);
+			var dropHTML = e.dataTransfer.getData('text/html');
+			this.insertAdjacentHTML('beforebegin',dropHTML);
+			var dropElem = this.previousSibling;
+			addDnDHandlers(dropElem);
+			var that = this;
+			var c = 0;
+			$('.zmi-sortable > li').each(function() {
+				if ($(this).attr("id") == that.id) {
+					// var pos = $(this).position();
+					var pos = $(this.previousSibling).position();
+					var id = $ZMI.actionList.getContextId(dragSrcEl);
+					var href = id+'/manage_moveObjToPos?lang='+getZMILang()+'&pos:int='+c+'&fmt=json';
+					$.get(href,function(result){
+							var message = eval('('+result+')');
+							$ZMI.showMessage(pos, message, 'alert-success zmi-dragged-info');
+							$('.alert-success button').remove();
+						});
+				}
+				c++;
+			});
+		}
+		this.classList.remove('zmi-data-transfer-drag');
+		return false;
+	}
+
+	function handleDragEnd(e) {
+		this.classList.remove('zmi-selected');
+	}
+
+	function addDnDHandlers(elem) {
+		elem.draggable = true;
+		elem.addEventListener('dragstart', handleDragStart, false);
+		elem.addEventListener('dragenter', handleDragEnter, false);
+		elem.addEventListener('dragover', handleDragOver, false);
+		elem.addEventListener('dragleave', handleDragLeave, false);
+		elem.addEventListener('drop', handleDrop, false);
+		elem.addEventListener('dragend', handleDragEnd, false);
+	}
+
+	var sortables = document.querySelectorAll('ul.zmi-container.zmi-sortable .zmi-selectable');
+	[].forEach.call(sortables, addDnDHandlers);
+
+	// >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>
+	// Checkboxes
+	$("input[name='ids:list']").attr('title',getZMILangStr('ACTION_SELECT').replace('%s',getZMILangStr('ATTR_OBJECT')));
+	$(".zmi-container .zmi-item:first .right input[name='active']:checkbox")
+		.change(function() {
+				zmiToggleSelectionButtonClick(this,$(this).prop("checked"));
+		});
+	$(".zmi-container .right input[name='ids:list']")
+		.change(zmiActionButtonsRefresh)
+		;
+	// Constraints
+	$(".split-left i.constraint").each(function() {
+		try {
+			var $container = $(this).parents(".right");
+			$(".split-right",$container).popover({html:true,title:$("div.constraint",$container)[0].outerHTML});
+		} catch(e) {
+			console.error(e);
+		}
+	});
+	// Action-Lists
+	$('button.btn.split-right.dropdown-toggle').attr('title',getZMILangStr('ACTION_SELECT').replace('%s',getZMILangStr('ATTR_ACTION')));
+	$(".btn-group")
+		.mouseover( function(evt) {
+				$(this).parents(".collapse").css({overflow:"visible"});
+			})
+		.mouseout( function(evt) {
+				$(this).parents(".collapse").css({overflow:"hidden"});
+			});
+	$(".zmi-container .zmi-item .zmi-action")
+		.focus( function(evt) {
+				$ZMI.actionList.over(this,evt);
+			})
+		.hover( function(evt) {
+				$ZMI.actionList.over(this,evt);
+			},
+			function(evt) {
+				$ZMI.actionList.out(this);
+			});
+	$(".zmi-action button.dropdown-toggle:not(.btn-card-header-menu)")
+		.click( function(evt) {
+				// For ajax afterload-menus prevent click event until class 'loaded' was added
+				var el = $(this);
+				if (!el.parent(".zmi-action").hasClass('loaded')) {
+						evt.preventDefault();
+						evt.stopPropagation();
+						setTimeout(function() {el.click();}, 100);
+				}
+			});
+
+	// Inputs
+	$ZMI.initInputFields($("body"));
+
+	// Select tab.
+	$("#subTab ul.nav.nav-tabs").each(function() {
+		var anchor = $("a:first",this).attr("href");
+		if (self.location.href.indexOf("#")>0) {
+			anchor = self.location.href.substring(self.location.href.indexOf("#")+1);
+			if (anchor.indexOf('_')==0) {
+				anchor = anchor.substring(1);
+			}
+			anchor = '#'+anchor;
+		}
+		$("a[href='"+anchor+"']",this).click();
+	});
+
+	// Ajax Lazy Load
+	$(".ajax-lazy-load").each(function() {
+		var $that = $(this);
+		$that.html('<i class="fas fa-spinner fa-spin"></i>&nbsp;'+getZMILangStr('MSG_LOADING'));
+		var ajax_url = $that.attr("data-ajax-url");
+		var params = {};
+		$.get( ajax_url, params, function( data) {
+				$that.html(data);
+			});
+	});
+
+	$ZMI.setCursorAuto("EO bootstrap.plugin.zmi");
+
+	// Set Save-Button Behaviour: Menu Lock
+	$('#menulock').val(+JSON.parse($ZMILocalStorageAPI.get('ZMS.menulock',0)));
+
+	// ZMSLightbox
+	$('a.zmslightbox, a.fancybox')
+		.each(function() {
+				var $img = $("img",$(this));
+				$img.attr("data-hiresimg",$(this).attr("href"));
+				$(this).click(function() {
+					return showFancybox($img);
+				});
+	});
+
+});
+
+/**
+ * Unlock form
+ */
+function zmiUnlockForm(form_id) {
+	var $form = $('input[name="form_id"][value="'+form_id+'"]').parents("form");
+	if ($('input[name="form_unlock"]',$form).length==0) {
+		$form.append('<input type="hidden" name="form_unlock" value="1">');
+	}
+	$form.submit();
+}
+
+/**
+ * Init input_fields
+ */
+ZMI.prototype.afterInitInputFields = function(h) {
+	if (typeof this.afterInitInputFieldsHandler == "undefined") {
+		this.afterInitInputFieldsHandler = [];
+	}
+	this.afterInitInputFieldsHandler.push(h);
+}
+ZMI.prototype.initInputFields = function(container) {
+	$ZMI.setCursorWait("BO zmiInitInputFields["+$('form:not(.form-initialized)',container).length+"]");
+	$(container).each(function() {
+		var context = this;
+			// Accordion:
+			// highlight default collapse item
+			var data_root = $("body").attr('data-root');
+			$(".collapse",context).each(function() {
+				var id = $(this).attr('id');
+				if (typeof id != "undefined") {
+					var $toggle = $('a.card-toggle[href=\'#'+id+'\']');
+					if ($toggle.length > 0) {
+						var key = "ZMS."+data_root+".collapse-"+id;
+						var value = $ZMILocalStorageAPI.get(key,'1');
+						if (value != null) {
+							if ($(this).hasClass('show')) {
+								if (value == '0') {
+									$(this).removeClass('show');
+								}
+							} else {
+								if (value == '1') {
+									$(this).addClass('show');
+								}
+							}
+						}
+					}
+				}
+			});
+			$("i:first",$(".collapse",context).prev('.card-header')).removeClass("fa-caret-down").addClass("fa-caret-right");
+			$("i:first",$(".collapse.show",context).prev('.card-header')).removeClass("fa-caret-right").addClass("fa-caret-down");
+			$("a.card-toggle",this).click(function(){
+				$(this).blur();
+				var id = $(this).attr('href').substring(1);
+				var key = "ZMS."+data_root+".collapse-"+id;
+				var $icon = $("i:first",this);
+				var showing = $icon.hasClass("fa-caret-down")?1:0;
+				if (showing) {
+					$icon.removeClass("fa-caret-down").addClass("fa-caret-right");
+					$ZMILocalStorageAPI.set(key,'0');
+				}
+				else {
+					$icon.removeClass("fa-caret-right").addClass("fa-caret-down");
+					$ZMILocalStorageAPI.set(key,'1');
+				}
+			});
+			// Password
+			$("input[type=password]",this).focus(function() {
+				if ($(this).val()=='******') {
+					$(this).val('');
+				}
+			})
+			.blur(function() {
+				if ($(this).val()=='') {
+					$(this).val('******');
+				}
+			});
+		});
+	$('form:not(.form-initialized)',container)
+		.submit(function() {
+			var b = true;
+			var context = this;
+			// Button
+			if( typeof self.btnClicked=="undefined" ||
+					self.btnClicked=="BTN_BACK" ||
+					self.btnClicked=="BTN_CANCEL" ||
+					self.btnClicked=="BTN_DELETE" ) {
+				return b;
+			}
+			// Richedit
+			if ($(".form-richtext",this).length > 0) {
+				zmiRichtextOnSubmitEventHandler(this);
+			}
+			// Multiple-Selects
+			$('select[multiple="multiple"]',this).each(function() {
+				var name = $(this).attr("name");
+				var form = $(this).parents("form");
+				if ($(this).hasClass('form-on-submit-selected')||($('select[name="zms_mms_src_'+name+'"]',form).length>0)) {
+					$("option",this).prop("selected","selected");
+				}
+			});
+			// Mandatory
+			$(".has-error",this).removeClass("has-error");
+			$(".form-group label.control-label.mandatory",this).filter(":visible").each(function() {
+				var $label = $(this);
+				var forName = $(this).attr("for");
+				var labelText = $label.text().basicTrim();
+				var $controlGroup = $label.parents(".form-group");
+				var $controls = $("div:first",$controlGroup);
+				var $control = $('input[name='+forName+'],textarea[name='+forName+'],select:not([name^="zms_mms_src_"])',$controls);
+				$label.attr("title","");
+				$control.attr("title","");
+				if ($control.length==1) {
+					var isBlank = false;
+					var nodeName = $control.prop("nodeName").toLowerCase();
+					var nodeType = $control.prop("type").toLowerCase();
+					if (nodeName=="input" || nodeName=="textarea") {
+						if ($control.val().basicTrim().length==0 && typeof $control.attr("data-value-attr")!="undefined") {
+							$control.val($control.attr($control.attr("data-value-attr")));
+						}
+						isBlank = $control.val().basicTrim().length==0;
+						if (isBlank && nodeType=="file") {
+							var name = $control.attr("name");
+							var exists = $('input[name="exists_'+forName+'"]:hidden',$controlGroup).val();
+							isBlank = !(exists=='True');
+							var generate_preview = $('input[name="generate_preview_'+forName.replace(/_/,'hires_')+':int"]:checked',context).val();
+							isBlank &= !(generate_preview=='1');
+						}
+					}
+					else if (nodeName=="select") {
+						isBlank =  (($("option:selected",$control).length==0)
+							|| ($("option:selected",$control).length==1 && $("option:selected",$control).attr("value")==""))
+							&& !$control.attr("disabled")=="disabled";
+					}
+					if (isBlank) {
+						$controlGroup.addClass("has-error");
+						$label.attr("title",getZMILangStr("MSG_REQUIRED").replace(/%s/,labelText));
+						$control.attr("title",getZMILangStr("MSG_REQUIRED").replace(/%s/,labelText)).tooltip({placement:'top'});
+						if (b) {
+							$control.focus();
+						}
+						b = false;
+					}
+					else {
+						var dataExclude = $(this).attr("data-exclude");
+						if (typeof dataExclude != "undefined") {
+							var excludeList = dataExclude.split(",");
+							var v = $control.val();
+							if ($.inArray(v,excludeList)) {
+								$controlGroup.addClass("has-error");
+							}
+						}
+					}
+				}
+			});
+			// Password
+			var $password = $("input[type=password]",this).filter(":visible");
+			if (($password.length==2)
+				&& ($($password[0]).prop("name").toLowerCase().indexOf("confirm")<0)
+				&& ($($password[1]).prop("name").toLowerCase().indexOf("confirm")>=0)
+				&& ($($password[0]).val().length == 0
+					|| $($password[0]).val() != $($password[1]).val())) {
+				var $controlGroup = $password.parents(".form-group");
+				var $label = $("label.control-label",$controlGroup);
+				$controlGroup.addClass("has-error");
+				b = false;
+			}
+			// Check for intermediate modification by other user
+			if (b && $('input#last_change_dt:hidden',this).length && $('input[name="form_unlock"]',this).length==0) {
+				var result = $.ajax({
+					url: 'manage_get_node_json',
+					data:{lang:getZMILang(),preview:'preview'},
+					datatype:'text',
+					async: false
+					});
+				var node = eval("("+result.responseText+")");
+				var change_dt = node["change_dt"];
+				var change_uid = node["change_uid"];
+				var last_change_dt = $('input#last_change_dt:hidden',this).val();
+				var last_change_uid = $('input#last_change_uid:hidden',this).val();
+				// Intermediate modification?
+				if (change_dt != last_change_dt) {
+					var body = '<div class="alert alert-error">'
+							+ '<h4><i class="fas fa-exclamation-triangle"></i> '+getZMILangStr('ATTR_LAST_MODIFIED')+'</h4>'
+							+ '<div>'+change_dt+' '+getZMILangStr('BY')+' '+change_uid+'</div>'
+						+ '</div>'
+						+ '<table class="table table-bordered table-striped">'
+						+ '<thead>'
+						+ '<tr class="form-group">'
+							+ '<th><label class="control-label">' + '</label></th>'
+							+ '<th><em>Diff</em></th>'
+							+ '<th><em>Mine</em></span></th>'
+							+ '<th><em>Theirs</em> ('+change_uid+' <span class="zmi-change-dt">'+(new Date(change_dt)).toLocaleFormat(getZMILangStr('DATETIME_FMT'))+'</span>)</th>'
+						+ '</thead>'
+						+ '</tr>';
+					for (var key in node) {
+						var $input = $("[name='"+key+"'],[name='"+key+"_"+getZMILang()+"']",this).filter("[data-initial-value]");
+						if ($input.length > 0) {
+							var $controlGroup = $input.parents(".form-group");
+							var $label = $("label.control-label:first",$controlGroup);
+							var remoteVal = (""+node[key]).replace(/\r\n/gi,"\n").trim();
+							var currentVal = (""+$input.val()).replace(/\r\n/gi,"\n").trim();
+							var initialVal = (""+$input.attr("data-initial-value")).replace(/\r\n/gi,"\n").trim();
+							if ("file"==$input.attr("type")) {
+								if (currentVal=="") {
+									currentVal = initialVal;
+								}
+							}
+							if (currentVal != initialVal) {
+								$input.addClass("form-modified");
+							}
+							if (currentVal != remoteVal) {
+								$input.removeClass("form-modified").addClass("form-conflicted").attr("data-remote-value",remoteVal);
+								body += '<tr class="form-group">'
+										+ '<td><label class="control-label"><span>' + $label.text() + '</span></label></td>'
+										+ '<td><div style="overflow-y:scroll;max-height:20em" class="diff" id="'+$input.attr("name")+'_diff"></div></td>'
+										+ '<td><div style="overflow-y:scroll;max-height:20em" class="mine" id="'+$input.attr("name")+'_mine">'+currentVal+'</div></td>'
+										+ '<td><div style="overflow-y:scroll;max-height:20em" class="theirs" id="'+$input.attr("name")+'_theirs">'+remoteVal+'</div></td>'
+									+ '</tr>';
+							}
+						}
+					}
+					var conflicts = $(".form-conflicted",this).length;
+					if (conflicts > 0) {
+						b = false;
+						// confirm
+						var form_id = $('input[name=form_id]').val();
+						body += '</table>'
+							+ '<div class="form-group">'
+								+ '<button class="btn btn-primary" value="'+getZMILangStr('BTN_SAVE')+'" onclick="zmiUnlockForm(\''+form_id+'\')">'+getZMILangStr('BTN_SAVE')+'</button> '
+								+ '<button class="btn btn-default" value="'+getZMILangStr('BTN_CANCEL')+'" onclick="window.open(self.location.href);">'+getZMILangStr('BTN_CANCEL')+'</button> '
+							+ '</div>';
+						zmiModal(null,{
+							body:body,
+							title: getZMILangStr('CAPTION_WARNING')
+						});
+						// show diffs
+						$.plugin('diff',{
+							files: [
+								'/++resource++zms_/jquery/diff/diff_match_patch.js',
+								'/++resource++zms_/jquery/diff/jquery.pretty-text-diff.min.js'
+						]});
+						$.plugin('diff').set({context:this});
+						$.plugin('diff').get(".form-conflicted",function() {
+							$(".form-conflicted",context).each(function(){
+								var id = $(this).attr("name")+"_diff";
+								var $diffContainer = $("#"+id);
+								$(this).prettyTextDiff({
+										cleanup:true,
+										originalContent:$(this).attr("data-initial-value").replace(/</gi,'&lt;'),
+										changedContent:$(this).val().replace(/</gi,'&lt;'),
+										diffContainer:$diffContainer
+									});
+								var lines = $diffContainer.html().replace(/<span>/gi,'').replace(/<\/span>/gi,'').split("<br>");
+								var show = [];
+								var changed = false;
+								for (var i = 0; i < lines.length; i++) {
+									var line = lines[i];
+									changed |= line.indexOf("<del>")>=0 || line.indexOf("<ins>")>=0;
+									if (changed) {
+										show.push(i);
+									}
+									changed &= !(line.indexOf("</del>")>=0 || line.indexOf("</ins>")>=0);
+								}
+								var html = [];
+								changed = false;
+								for (var i = 0; i < lines.length; i++) {
+									var line = lines[i];
+									changed |= line.indexOf("<del>")>=0 || line.indexOf("<ins>")>=0;
+									line = '<span class="line-number'+(changed?' line-changed':'')+'">'+(i+1)+'</span> '+lines[i];
+									if (!(show.contains(i-1) || show.contains(i) || show.contains(i+1))) {
+										line = '<span class="diff-unchanged hidden">'+line+'</span>';
+									}
+									else {
+										line = line+'<'+'br/>';
+									}
+									html.push(line);
+									changed &= !(line.indexOf("</del>")>=0 || line.indexOf("</ins>")>=0);
+								}
+								$diffContainer.html(html.join(""));
+							});
+						});
+					}
+				}
+			}
+			return b;
+		})
+		.each(function() {
+			var context = this;
+			if ($(this).parents(".d-none").length>0) {
+				return;
+			}
+			$(this).addClass('form-initialized');
+			// Multi-Autocomplete
+			$('select.form-multiautocomplete[multiple]:not(.d-none)',context).each(function() {
+				var $select = $(this);
+				var id = $select.attr('id');
+				var ajax_url = $select.attr('data-ajax-url');
+				var obj_id = $select.attr('data-obj-id');
+				var attr_id = $select.attr('data-attr-id');
+				$select.removeClass("form-control").addClass("zmi-select").attr({"data-autocomplete-add":false});
+				$select.before(''
+					+ '<div class="input-group form-multiautocomplete">'
+						+ '<input type="text" id="_'+id+'" class="form-control form-autocomplete" data-ajax-url="'+ajax_url+'" data-obj-id="'+obj_id+'" data-attr-id="'+attr_id+'"/>'
+						+ '<div class="input-group-append">'
+							+ '<a href="javascript:;" class="btn btn-secondary"><i class="fas fa-plus text-primary"></i></a>'
+						+ '</div>'
+					+ '</div><!-- .input-group -->');
+				var $inputgroup = $select.prev();
+				$("input",$inputgroup).keydown(function(e) {
+					if (e.which==13) {
+						e.preventDefault();
+						e.stopPropagation();
+						$(".input-group-append",$inputgroup).trigger("click");
+						return false;
+					}
+				});
+				$(".input-group-append .btn",$inputgroup).click(function() {
+					// get value
+					var $input = $("input",$inputgroup);
+					var v = $input.val();
+					if (v.length>0) {
+						$input.val("");
+						if ($select.children("option[value='"+v+"']").length==0) {
+							$select.append('<option selected="selected" value="'+v+'" data-value="'+v+'">'+v+'</option>').removeClass("d-none");
+							// rebuild multiselect
+							$ZMI.multiselect(context);
+						}
+					}
+				});
+			});
+			// Autocomplete
+			$('.form-autocomplete:not(.d-none)',context).each(function() {
+				$(this).addClass("ui-autocomplete-input");
+				var id = $(this).attr('id');
+				var ajax_url = $(this).attr('data-ajax-url');
+				var obj_id = $(this).attr('data-obj-id');
+				var attr_id = $(this).attr('data-attr-id');
+				zmiAutocomplete('#'+id,{
+					serviceUrl:ajax_url,
+					paramName:'q',
+					params:{obj_id:obj_id,attr_id:attr_id,lang:getZMILang()},
+					transformResult: function(response, originalQuery) {
+						var m = {
+							query: originalQuery,
+							suggestions: $.map(response.split("\n"), function(x) {
+								return { value: x, data: x };
+							})
+						};
+						return m;
+					}
+				});
+			});
+			// Multiselect
+			$.plugin('multiselect',{
+				files: [
+					$ZMI.getConfProperty('plugin.bootstrap.multiselect.js','/++resource++zms_/bootstrap/plugin/bootstrap.plugin.zmi.multiselect.js')
+				]});
+			$.plugin('multiselect').set({context:context});
+			$.plugin('multiselect').get("select.zmi-select[multiple]:not(.d-none)",function(){
+					$ZMI.multiselect(context);
+				});
+			// Activity-Toggle
+			if ($("#zmi-toggle-activity").length==0) {
+				$("#attrActivity",context).each(function() {
+					var $input = $(".activity input:checkbox",this);
+					if ($input.length>0) {
+						$(this).prev(".attr_last_modified").each(function() {
+							$("#zmi-toggle-activity-btn",this).append('<span id="zmi-toggle-activity" style="vertical-align:inherit" title="'+getZMILangStr('ATTR_ACTIVE')+'">'+$ZMI.icon(($input.prop('checked')?'fas fa-check-square':'far fa-square')+' ui-helper-clickable')+'</span>&nbsp;');
+							$("#zmi-toggle-activity").click(function(event) {
+								$input.click();
+								$("i",this).attr("class",($input.prop('checked')?'fas fa-check-square':'far fa-square')+' ui-helper-clickable');
+								event.stopPropagation();
+							});
+						});
+					}
+				});
+			}
+			// Button-Clicked
+			$('input[type="submit"],button[type="submit"]',context)
+				.click(function() {
+					self.btnClicked = $(this).attr("value");
+				});
+			// Button-Radiogroup
+			$('.btn-radiogroup',context).each(function() {
+				var key = $(this).attr('data-value');
+				var $input = $('input#'+key);
+				var val = $input.val();
+				$(this).children('span')
+					.addClass("btn")
+					.click(function() {
+						var item = $(this).attr('data-value');
+						$input.val(item);
+						$(this).siblings('.btn-info').removeClass('btn-info').addClass('btn-secondary');
+						$(this).removeClass('btn-secondary').addClass('btn-info');
+					})
+					.each(function() {
+						var item = $(this).attr('data-value');
+						if (val == "") {
+							val = item;
+							$input.val(val);
+						}
+						if (item==val) {
+							$(this).addClass("btn-info");
+						} else {
+							$(this).addClass("btn-secondary");
+						}
+					});
+			});
+			// Mandatory
+			$(".form-group label.col-lg-2 control-label.mandatory",this).each(function() {
+				var $label = $(this);
+				$label.prepend('<i class="fas fa-exclamation"></i>');
+			});
+			// Check for intermediate modification (by other user)
+			$("input,select,textarea",this).each(function() {
+				var $this = $(this);
+				const initialValue = $this.val();
+				$this.attr("data-initial-value",initialValue);
+				$this.keyup(function() {
+					$ZMI.set_form_modified($this,initialValue);
+				});
+			});
+			// Icon-Class
+			$('input.zmi-input-icon-clazz',this).each(function() {
+				var $input = $(this);
+				var t = 'Use icon classes on https://fontawesome.com/v5/search?m=free \nand specifier classes like \'text-danger\' or \'deprecated\'';
+				$input.wrap( '<div class="input-group"></div>' );
+				$input.before('<span class="input-group-text"><i class="fas fa-invisible"></i></span>');
+				$input.parent().children('span.input-group-text').wrap( '<div class="input-group-prepend" style="cursor:pointer;" title="' + t + '"></div>');
+				var fn = function() {
+					var $container = $input.parents(".input-group");
+					var $i = $("i",$container);
+					$i.attr("class",$input.val());
+				};
+				$input.change(fn).keyup(fn).change();
+				$input.prev().on('click', function() {
+					// Show icon details on https://fontawesome.com/v5
+					var s = '';
+					$input.val().split(' ').forEach(function(v) {
+						if ( v.split('fa-').length > 1 ) {
+							s = v.split('fa-')[1];
+						};
+					});
+					window.open('https://fontawesome.com/v5/search?m=free&q=' + s,'Fontawesome-V5','toolbar=no,scrollbars=yes,resizable=yes,top=100,left=100,width=480,height=720');
+				});
+			});
+			// Url-Picker
+			$ZMI.initUrlInput(this);
+			// Richedit
+			var $richedits = $('div[id^="zmiStandardEditor"]',this);
+			if ($richedits.length > 0) {
+				$richedits.each(function() {
+					var elName = $(this).attr("id").substring("zmiStandardEditor".length);
+					zmiRichtextInit(elName);
+					var v = $("#"+elName).val();
+					function matchAll(source, regexp) {
+						var matches = [];
+						source.replace(regexp, function() {
+							var arr = ([]).slice.call(arguments, 0);
+							var extras = arr.splice(-2);
+							arr.index = extras[0];
+							arr.input = extras[1];
+							matches.push(arr);
+						});
+						return matches.length ? matches : [];
+					}
+					var l = matchAll(v,/<a data-id="(.*?)"(.*?)>(.*?)<\/a>/gi);
+					if (l.length > 0) {
+						var labels = [];
+						for (var i = 0; i < l.length; i++) {
+							labels.push(' <span class="label">'+l[i][0]+'</span>');
+						}
+						$(this).siblings(":last").after('<div class="inlinelinks">Inline-Links: '+labels.join(', ')+'</div>')
+					}
+				});
+			}
+			// Date-Picker
+			var is_firefox = /firefox/i.test(navigator.userAgent);
+			var icon_datepicker = 'far fa-calendar';
+			var icon_datetimepicker = 'far fa-calendar';
+			var icon_timepicker = 'far fa-clock';
+			$("input.datepicker,input.datetimepicker,input.timepicker",this).each(function() {
+				if ( !$(this).parent().hasClass('data') ) {
+					// Customize input field width normalization in standard input forms
+					$(this).closest("div")
+						.addClass("input-group")
+						.removeClass("col-sm-9")
+						.removeClass("col-sm-10")
+						.removeClass("col-md-10")
+						.wrap('<div class="col-sm-5 col-md-4 col-lg-3"></div>');
+						var icon_picker =  eval('icon_' + $(this).prop('class').split(' ').filter(function(v) {return v.endsWith('picker')}));
+						$(this).before('<div class="input-group-prepend"><span class="input-group-text"><i class="'+ icon_picker +'"></i></span></div>');
+					}
+				if (is_firefox && parseInt(navigator.userAgent.split('Firefox/')[1]) < 93) {
+					if ($(this).attr('type') == 'datetime-local') {
+						$(this).attr('type', 'date');
+					}
+					$(this).attr('value',$(this).attr('value').split('T')[0]);
+					$(this).dblclick(() => {
+						if ($(this).attr('type') == 'datetime-local') {
+							$(this).attr('type', 'date');
+						}
+						else if ($(this).attr('type') == 'date') {
+							$(this).attr('type', 'datetime-local');
+						}
+						$(this).attr('value',$(this).attr('data-initial-value'));
+					});
+				}
+			});
+		});
+	if (typeof this.afterInitInputFieldsHandler != "undefined") {
+		for (var i in this.afterInitInputFieldsHandler) {
+			this.afterInitInputFieldsHandler[i]();
+		}
+	}
+	$ZMI.setCursorAuto("EO zmiInitInputFields");
+}
+
+/**
+ * Show message
+ */
+ZMI.prototype.showMessage = function(pos, message, context) {
+	$(".alert").remove();
+	var html = ''
+		+ '<div class="alert'+(typeof context=='undefined'?'':' '+context)+'" style="position:absolute;left:'+pos.left+'px;top:'+pos.top+'px;">'
+			+ '<button type="button" class="close" data-dismiss="alert">&times;</button>'
+			+ '<span class="message">' + message + '</span>'
+		+ '</div>';
+	$('body').append(html);
+	window.setTimeout('$(".alert").hide("slow")',2000);
+}
+
+/**
+ * Open modal
+ */
+var zmiModalStack = [];
+function zmiModal(s, opt) {
+	$ZMI.setCursorWait("zmiModal");
+	if (typeof opt == "undefined") {
+		var id = zmiModalStack[zmiModalStack.length-1];
+		$('#'+id).modal(s);
+	}
+	else if (typeof opt == "object") {
+		var id = typeof opt['id']=="undefined"?"zmiModal"+(s==null || typeof $(s).attr('id')=="undefined"?zmiModalStack.length:$(s).attr('id')):opt['id'];
+		var body = s==null?opt['body']:$(s).html();
+		if (s!=null && opt['remove']==true) {
+			$(s).remove();
+		}
+		if (typeof id!="undefined" && typeof body!="undefined") {
+			zmiModalStack.push(id);
+			var html = ''
+				+'<div class="modal" id="'+id+'" tabindex="-1" role="dialog">'
+					+'<div class="modal-dialog" role="document">'
+						+'<div class="modal-content">'
+							+'<div class="modal-header">'
+								+'<h5 class="modal-title">'+opt['title']+'</h5>'
+								+'<button type="button" class="close" data-dismiss="modal" aria-label="'+getZMILangStr('BTN_CLOSE')+'">'
+									+'<span aria-hidden="true">&times;</span>'
+								+'</button>'
+								+'</div>'
+							+'<div class="modal-body">'+body+'</div>'
+							+'<div class="modal-footer">'
+							+'</div>'
+						+'</div><!-- /.modal-content -->'
+					+'</div><!-- /.modal-dialog -->'
+				+'</div><!-- /.modal -->';
+			$('#'+id).remove();
+			$("body").append(html);
+			var buttons = opt['buttons'];
+			if (typeof buttons == 'object') {
+				for (var i = 0; i < buttons.length; i++) {
+					var button = buttons[i];
+					$('#'+id+' .modal-footer').append('<button type="submit">'+button['text']+'</button> ');
+					var $button = $('#'+id+' .modal-footer button:last');
+					for (var k in button) {
+						var v = button[k];
+						if (typeof v == "function") {
+							$button.on(k,eval("("+v+")"));
+						} else {
+							$button.attr(k,v);
+						}
+					}
+				}
+			}
+			$('#'+id)
+				.on('show.bs.modal',function(){
+						if (typeof opt['beforeOpen'] == 'function') {
+							opt['beforeOpen'](this);
+						}
+					})
+				.on('shown.bs.modal',function(){
+						if (typeof opt["width"] != "undefined") {
+							$("#"+id+" .modal-dialog").css({width:opt["width"]});
+						}
+						if (typeof opt['open'] == 'function') {
+							opt['open'](this);
+						}
+						$ZMI.initInputFields($("#"+id));
+					})
+				.on('hide.bs.modal',function(){
+						if (typeof opt['beforeClose'] == 'function') {
+							opt['beforeClose'](this);
+						}
+					})
+				.on('hidden.bs.modal',function(){
+						if (typeof opt['close'] == 'function') {
+							opt['close'](this);
+						}
+						zmiModalStack.pop();
+					})
+				.modal(opt['modal']);
+			if (typeof opt['minWidth'] != 'undefined') {
+				$('#'+id+' .modal-content').css('minWidth',opt['minWidth']);
+				$('#'+id+' .modal-dialog').css('minWidth',opt['minWidth']);
+			}
+			$('#'+id+' .modal-dialog').css('transform','translate('+((zmiModalStack.length-1)*2)+'em,'+((zmiModalStack.length-1)*2)+'em)');
+		}
+	}
+	$ZMI.setCursorAuto("zmiModal");
+	return false;
+}
+
+/**
+ * Open link in iframe (jQuery UI Dialog).
+ */
+ZMI.prototype.iframe = function(href, data, opt) {
+	$ZMI.setCursorWait("$ZMI.iframe");
+	data = typeof data == "undefined" ? {} : data;
+	opt = typeof opt == "undefined" ? {} : opt;
+	var url = href + "?";
+	for (var k in data) {
+		url += k + "=" + data[k] + "&";
+	}
+	// Iframe
+	if (typeof opt['iframe'] != 'undefined') {
+		var width = '100%';
+		var height = typeof opt['height'] == 'undefined' ? '100%' : opt['height'];
+		opt['body'] = '<iframe src="' + url + '" width="' + width + '" height="' + height + '" frameBorder="0"></iframe>';
+		zmiModal(null,opt);
+		$ZMI.setCursorAuto("zmiIframe");
+	} else {
+		$.get( href, data, function(result) {
+			var $result = $(result);
+			if ($("div#system_msg",$result).length>0) {
+				var manage_tabs_message = $("div#system_msg",$result).text();
+				manage_tabs_message = manage_tabs_message.substring(0,manage_tabs_message.lastIndexOf("("));
+				var href = self.location.href;
+				href = href.substring(0,href.indexOf("?"))+"?lang="+getZMILang()+"&manage_tabs_message="+manage_tabs_message;
+				self.location.href = href;
+			} else {
+				if (opt['json']) {
+					result = `<pre class="zmi-code json">${JSON.stringify(result, null, space=4)}</pre>`;
+				}
+				opt['body'] = result;
+				if (typeof opt['title'] == "undefined") {
+					var title = $("div.zmi",result).attr("title");
+					if (typeof title != "undefined" && title) {
+						opt['title'] = title;
+					}
+				}
+				zmiModal(null,opt);
+				$ZMI.setCursorAuto("$ZMI.iframe");
+			}
+		});
+	}
+	return false;
+}
+
+// #############################################################################
+// ### ZMI ObjectTree
+// #############################################################################
+
+ZMIObjectTree = function() {};
+$ZMI.objectTree = new ZMIObjectTree();
+
+ZMIObjectTree.prototype.init = function(s,href,p) {
+	var that = this;
+	that.p = p?p:{};
+	that.p.params = that.p.params?that.p.params:{};
+	// Init preselected active.
+	that.active = [];
+	$(s).html('<i class="fas fa-spinner fa-spin"></i>&nbsp;'+getZMILangStr('MSG_LOADING'));
+	var doc_href = $ZMI.get_document_element_url($ZMI.getPhysicalPath());
+	that.metamodel = $.ajax({
+		url: $ZMI.get_rest_api_url(doc_href)+'/metaobj_manager',
+		async: false
+		}).responseJSON;
+	that.p.params.lang = getZMILang();
+	$.get($ZMI.get_rest_api_url(href)+'/get_parent_nodes', that.p.params, function(result) {
+		$(s).html('');
+		var context = s;
+		result.forEach(node => {
+			var html = that.addPages([node]);
+			$(context).append(html);
+			if (typeof that.p['addPages.callback'] == 'function') {
+				that.p['addPages.callback']();
+			};
+			context = `ul[data-id="${node.uid}"] li`;
+			// Remember preselected active.
+			that.active.push({id:node.uid});
+		});
+		$('li',s).addClass('active');
+		var callback = that.p['init.callback'];
+		if (typeof callback != 'undefined') {
+			callback();
+		}
+	});
+}
+
+ZMIObjectTree.prototype.addPages = function(nodes) {
+	var that = this;
+	var html = "";
+	if (that.p.filter) {
+		nodes = nodes.filter(that.p.filter);
+	};
+	// Ensure nodes as list type
+	nodes = nodes.length==undefined ? [nodes] : nodes;
+	nodes.forEach(node => {
+		var data_id = '{$'+node.uid+'}';
+		var link_url = node.index_html;
+		var icon = that.metamodel[node.meta_id] ? $ZMI.icon(that.metamodel[node.meta_id].icon_clazz) : $ZMI.icon('far fa-file');
+		var anchor = '';
+		var css = [ node.is_page ? 'is_page' : 'is_page_element' ];
+		var callback = that.p['toggleClick.callback'];
+
+		if ((node.titlealt.toUpperCase().search('REDIRECT') > -1) &&
+			(node.attr_dc_identifier_url_redirect &&
+				node.attr_dc_identifier_url_redirect.trim() != '')) return;
+
+		if (node.meta_id == 'ZMSGraphic' && link_url) {
+			link_url = `<img data-id=&quot;${data_id}&quot; src=&quot;${link_url}&quot;>`;
+		} else if (node.meta_id == 'ZMSFile' && link_url) {
+			var $path_elements = link_url.split('/');
+			var $fname = $path_elements[$path_elements.length -1 ].split('?')[0];
+			link_url = `<a data-id=&quot;${data_id}&quot; href=&quot;${link_url}&quot; target=&quot;_blank&quot;>${$fname}</a>`;
+		};
+		if (!node.active) {
+			css.push("inactive");
+		};
+		if (node.restricted) {
+			css.push("restricted");
+		};
+		if (node.attr_dc_type) {
+			css.push('type-' + node.attr_dc_type);
+		};
+		html += `<ul data-id="${node.uid}" class="zmi-page ${node.meta_id}${node.is_page_element ? ' is_page_element' :''}">`;
+		html += `<li class="${css.join(' ')}">`;
+		if (!(that.p.params.meta_types == 'ZMS' && node.meta_id == 'ZMS' && !node.has_portal_clients)) {
+			html += `<i class="fas fa-caret-right toggle" title="+" onclick="$ZMI.objectTree.toggleClick(this ${typeof callback=='undefined' ? '' : ',' + callback})"></i> `;
+		} else {
+			html += `<i class="fas fa-caret-right toggle" title="-" style="visibility:hidden"></i> `;
+		};
+		if (node.is_page_element) {
+			if (node.meta_id == 'ZMSGraphic' && node.index_html) {
+				html += `<span class="preview_on_hover preview_image preview_ready" style="--preview_url:url(${node.index_html});cursor:help" title="${getZMILangStr('TAB_PREVIEW')}">${icon}</span> `;
+			} else {
+				html += `<span class="preview_on_hover preview_text" style="cursor:help" data-preview_text="Loading ..." onmouseover="$ZMI.objectTree.preview_load(this)" title="${getZMILangStr('TAB_PREVIEW')}">${icon}</span> `;
+			}
+		}
+		html += `<a href="${node.getPath}"
+			data-link-url="${link_url}"
+			data-uid="${node.uid}"
+			data-anchor="${anchor}"
+			data-page-titlealt="${node.titlealt.replace(/"/g,'&quot;').replace(/'/g,'&apos;')}"
+			onclick="return zmiSelectObject(this);return false;">`;
+		if (!node.is_page_element) {
+			html += icon + ' ';
+		}
+		html += node.titlealt;
+		html += '</a>';
+		html += '</li>';
+		html += '</ul><!-- .zmi-page -->';
+	});
+	return html;
+}
+
+/**
+ * Click toggle.
+ */
+ZMIObjectTree.prototype.toggleClick = function(toggle, callback) {
+	var that = this;
+	var $container = $(toggle).parents("li:first");
+	$container.children("ul").remove();
+	if ($(toggle).hasClass("fa-caret-right")) {
+		$(toggle).removeClass("fa-caret-right").addClass("fa-caret-down").attr({title:'-'});
+		var uid = $("[data-uid]:first",$(toggle).parent()).attr("data-uid");
+		var href = $ZMI.get_document_element_url($ZMI.getPhysicalPath());
+		// Set wait-cursor.
+		$container.append('<div id="loading" class="zmi-page"><i class="fas fa-spinner fa-spin"></i>&nbsp;&nbsp;'+getZMILangStr('MSG_LOADING')+'</div>');
+		that.p.params.lang = getZMILang();
+		$.get($ZMI.get_rest_api_url(href)+'/'+uid+'/get_child_nodes', that.p.params, function(result){
+			// Reset wait-cursor.
+			$("#loading").remove();
+			// Get and iterate result.
+			if ( result.length == 0) {
+				$(toggle).removeClass("fa-caret-down").attr({title:''});
+			}
+			else {
+				var html = that.addPages(result);
+				$container.append(html);
+				if (typeof that.p['addPages.callback'] == 'function') {
+					that.p['addPages.callback']();
+				}
+				// Set preselected active.
+				for (var i = 0; i < that.active.length; i++) {
+					var d = that.active[i];
+					$("ul[data-id=\'"+d.id+"] > li").addClass('active');
+				}
+			}
+			if (typeof callback == 'function') {
+				callback();
+			}
+		});
+	} else {
+		if ($(toggle).hasClass("fa-caret-down")) {
+			$(toggle).removeClass("fa-caret-down").addClass("fa-caret-right").attr({title:'+'});
+		}
+		if (typeof callback == 'function') {
+			callback();
+		}
+	}
+}
+
+/**
+ * Load preview.
+ */
+ZMIObjectTree.prototype.preview_load = function(sender) {
+	var data_id = $(sender).closest('.zmi-page').attr('data-id');
+	if(!$(sender).hasClass('preview_loaded')) {
+		var abs_url = $(sender).parent('li').children('a[href]').attr('href');
+		$.get($ZMI.get_rest_api_url(abs_url)+'/get_body_content',{lang:getZMILang(),preview:'preview'},function(data){
+			// Clean data as plain text
+			data = $(JSON.parse(data)).text().replaceAll('\n','');
+			$(sender).attr('data-preview_text',data);
+			$(sender).addClass('preview_loaded');
+		});
+	};
+}
+
+// #############################################################################
+// ### ZMI Action-Lists
+// #############################################################################
+
+ZMIActionList = function() {};
+$ZMI.actionList = new ZMIActionList();
+
+ZMIActionList.prototype.getContextId = function(el) {
+	var context = $(el).hasClass("zmi-item")?$(el):$(el).parents("li.zmi-item");
+	var context_id = $(context).attr("id");
+	return typeof context_id == "undefined" || context_id == ""?"":context_id.replace(/zmi_item_/gi,"");
+}
+
+/**
+ * Populate and show action-list.
+ *
+ * @param el
+ */
+ZMIActionList.prototype.over = function(el, e, cb) {
+	var that = this;
+	if (typeof cb == "undefined") {
+		$("button.split-left",el).css({visibility:"visible"});
+	}
+	var $button = $('button.btn.split-right.dropdown-toggle',el);
+	// Expandable headers.
+	$button.click(function() {
+		var $right = $(this).parents(".right");
+		var selected = $("input:checkbox",$right).length?$("input:checkbox",$right).prop("checked"):false;
+		$(".dropdown-header",$right).each(function(index) {
+				var actualCollapsed = $("i",this).hasClass("fa-caret-right");
+				var expectedCollapsed = (index == 0 && !selected) || (index > 0 && selected);
+				if (actualCollapsed != expectedCollapsed) {
+					$(this).click();
+				}
+			});
+		});
+	$('*',$button).hide();
+	// Exit.
+	if ($(el).hasClass("loaded") || $(el).hasClass("loading")) {
+		// Callback.
+		if (typeof cb == "function") {
+			cb();
+		}
+		return;
+	}
+	// Set wait-cursor.
+	$(el).addClass("loading");
+	$(document.body).css( "cursor", "wait");
+	// Initialize.
+	var lang = getZMILang();
+	var context_id = this.getContextId(el);
+	// Edit action
+	$("button.split-left",el).click(function() {
+		if (!$(el).hasClass("loading")) {
+			if ($(".fa-plus-sign",this).length==0) {
+				var action = self.location.href;
+				action = action.substring(0,action.lastIndexOf("/")+1);
+				if (context_id=="") {
+					action += "manage_properties";
+				}
+				else {
+					if ($ul.html().indexOf(context_id+"/manage_main")<0) {
+						return false;
+					}
+					action += context_id+"/manage_main";
+				}
+				action += "?lang=" + lang;
+				self.location.href = action;
+			}
+			else {
+				$('button.btn.split-right.dropdown-toggle',el).click();
+			}
+		}
+		return false;
+	});
+	// Build action and params.
+	var action = zmiParams['base_url'];
+	action = action.substring(0,action.lastIndexOf("/"));
+	action += "/manage_ajaxZMIActions";
+	var params = {};
+	params['lang'] = lang;
+	params['context_id'] = context_id;
+	// JQuery.AJAX.get
+	$.get( action, params, function(data) {
+		// Get object-id.
+		var value = eval('('+data+')');
+		var id = value['id'].replace(/\./,"_");
+		var actions = value['actions'];
+		$(el).append('<div class="dropdown-menu"></div>');
+		$ul = $(".dropdown-menu",el);
+		var startsWithSubmenu = actions.length > 1 && actions[1][0].indexOf("-----") == 0 && actions[1][0].lastIndexOf("-----") > 0;
+		var o = 0;
+		if (startsWithSubmenu) {
+			o = 2;
+			var html = '';
+			var action = actions[1];
+			var optlabel = action[0];
+			var opticon = '<i class="fas fa-plus-sign"></i>';
+			optlabel = optlabel.substring("-----".length);
+			optlabel = optlabel.substring(0,optlabel.lastIndexOf("-----"));
+			optlabel = optlabel.basicTrim();
+			$("button.split-left",el).html(opticon+' '+optlabel);
+		}
+		for (var i = o; i < actions.length; i++) {
+			if (o==0 && i==1) {
+				$ul.append('<a class="dropdown-item" href="javascript:zmiToggleSelectionButtonClick($(\'li.zmi-item' + (id==''?':first':'#zmi_item_'+id) + '\'))"><i class="fas fa-check-square"></i> '+getZMILangStr('BTN_SLCTALL')+'/'+getZMILangStr('BTN_SLCTNONE')+'</a>');
+			}
+			// Standard commands/workflow provide 3 parameters
+			var action = actions[i];
+			var optlabel = action[0];
+			var optvalue = action[1];
+			var opticon = action[2];
+			var optid = '';
+			var opttitle = '';
+			// Content objects provide 5 parameters
+			if (action.length==5) {
+				optid = action[3];
+				opttitle = action[4];
+			}
+			// Custom commands provide 6 parameters
+			if (action.length==6) {
+				var optlabel = action[1];
+				var optvalue = action[2];
+				var opticon = action[3];
+				var optid = action[4];
+				var opttitle = action[5];
+			}
+			if (optlabel.indexOf("-----") == 0 && optlabel.lastIndexOf("-----") > 0) {
+				opticon = '<i class="fas fa-caret-down"></i>';
+				optlabel = optlabel.substring("-----".length);
+				optlabel = optlabel.substring(0,optlabel.lastIndexOf("-----"));
+				optlabel = optlabel.basicTrim();
+				$ul.append('<div class="dropdown-header '+optvalue+'">'+opticon+' '+optlabel+'</div>');
+			}
+			else {
+				if (opticon.indexOf('<')!=0) {
+					opticon = $ZMI.icon(opticon);
+				}
+				var html = '';
+				html += '<a class="dropdown-item" title="'+opttitle+'" href="javascript:$ZMI.actionList.exec($(\'li.zmi-item' + (id==''?':first':'#zmi_item_'+id) + '\'),\'' + optlabel + '\',\'' + optvalue + '\',\'' + optid + '\')">';
+				html += opticon+' <span>'+optlabel+'</span>';
+				html += '</a>';
+				$ul.append(html);
+			}
+		}
+		// Dropup
+		if(typeof e!="undefined"&&$ul.innerHeight()<$(document).innerHeight()&&e.pageY>$ul.innerHeight()){
+			$(el).addClass("dropup");
+		}
+		// Expandable headers
+		$(".dropdown-header",$ul)
+			.click(function (event) {
+				var duration = (event.pageX && event.pageY) ? 400 : 0; // User-event show animation
+				$("i",this).toggleClass("fa-caret-down").toggleClass("fa-caret-right");
+				$(this).nextUntil(".dropdown-header").slideToggle(duration);
+				event.stopImmediatePropagation();
+				event.stopPropagation();
+			});
+		// Reset wait-cursor.
+		$(el).removeClass("loading").addClass("loaded");
+		$(document.body).css( "cursor", "auto");
+		// Callback.
+		if (typeof cb == "function") {
+			cb();
+		}
+	});
+}
+
+/**
+ * Hide action-list.
+ *
+ * @param el
+ */
+ZMIActionList.prototype.out = function(el) {
+	$("button.split-left",el).css({visibility:"hidden"});
+	var $button = $('button.btn.split-right.dropdown-toggle',el);
+	$('*',$button).show();
+}
+
+/**
+ *  Execute action.
+ */
+ZMIActionList.prototype.exec = function(sender, label, target, meta_id='') {
+	var id_prefix = this.getContextId(sender);
+	if (typeof id_prefix != 'undefined' && id_prefix != '') {
+		id_prefix = id_prefix.replace(/(\d*?)$/gi,'');
+	} else {
+		id_prefix = 'e';
+	}
+	var $el = $(".zmi-action",sender);
+	var $fm = $(".zmi-action-form");
+	var sort_id = $(".zmi-sort-id",$el).text();
+	$("input[name='custom']").val(label);
+	if (typeof sort_id!="undefined"&&sort_id.length>0&&!isNaN(sort_id)) {
+		$("input[name='_sort_id:int']").val(sort_id);
+	}
+	if (target.toLowerCase().indexOf('manage_addproduct/')==0 && target.toLowerCase().indexOf('form')>0) {
+		// Parameters
+		var inputs = $("input:hidden",$fm);
+		var data = {};
+		for ( var i = 0; i < inputs.length; i++) {
+			var $input = $(inputs[i]);
+			var id = $input.attr("id");
+			if (jQuery.inArray(id,['form_id','id_prefix','_sort_id','custom','lang','preview'])>=0) {
+				data[$input.attr('name')] = $input.val();
+			}
+		}
+		data['id_prefix'] = id_prefix;
+		var title = '<i class="fas fa-plus-sign"></i> ' + getZMILangStr('BTN_INSERT') + ':&nbsp;' + label;
+		// debugger;
+		if (meta_id!='') {
+			data['meta_id'] = meta_id;
+		}
+		$('<li id="manage_addProduct" class="zmi-item zmi-highlighted"><div class="center">'+title+'</div></li>').insertAfter($el.parents(".zmi-item"));
+		// Show add-dialog.
+		$ZMI.iframe(target,data,{
+			id:'zmiIframeAddDialog',
+			title:title,
+			width:800,
+			open:function(event,ui) {
+				$ZMI.runReady();
+				$('#addInsertBtn').click(function() {
+					self.btnClicked = $(this).text();
+					var $fm = $(".modal form.form-horizontal");
+					$("input[name=btn]:hidden",$fm).remove();
+					$fm.append('<input type="hidden" name="btn" value="BTN_INSERT">');
+					$fm.submit();
+				});
+				$('#addCancelBtn').click(function() {
+					zmiModal("hide");
+				});
+				// Auto-Insert on models without attributes but not ZMSSqlDb or ZMSTable
+				if ( ['ZMSSqlDb','ZMSTable'].indexOf($('#ZMS_INSERT').val())==-1 &&
+					$('#zmiIframeAddDialog .form-group:not([class*="activity"]) .form-control').length==0 ) {
+					$('#addInsertBtn').click();
+				}
+			},
+			close:function(event,ui) {
+				$('#manage_addProduct').remove();
+			},
+			buttons:[
+				{id:'addInsertBtn', text:getZMILangStr('BTN_INSERT'), name:'btn', 'class':'btn btn-primary'},
+				{id:'addCancelBtn', text:getZMILangStr('BTN_CANCEL'), name:'btn', 'class':'btn btn-secondary'}
+			]
+		});
+	}
+	else {
+		var $div = $el.parents("div.right");
+		var $input = $("input[name='ids:list']",$div);
+		$input.prop("checked",true);
+		zmiActionButtonsRefresh(sender);
+		var params = $ZMI.parseURLParams(target);
+		var target = target.indexOf("?")>0?target.substring(0,target.indexOf("?")):target;
+		if (this.confirm($fm,target,params)) {
+			var c = 0;
+			for (var k in params) {
+				var id = 'hidden_'+k+'_'+c;
+				$fm.append('<input type="hidden" id="'+id+'" name="'+k+'">');
+				$('input#'+id,$fm).val(params[k]);
+				c++;
+			}
+			$("input[name='id_prefix']",$fm).val(id_prefix);
+			$("input[name='ids:list']",$fm).remove();
+			$("input[name='ids:list']",$("div.right")).each(function() {if(this.checked)$fm.append(this)});
+			$fm.attr("action",target);
+			$fm.attr("method","POST");
+			$fm.submit();
+		}
+		else {
+			$("input[name='ids:list']",$div).prop("checked",false);
+			zmiActionButtonsRefresh(sender);
+		}
+	}
+}
+
+/**
+ * Confirm execution of action from select.
+ *
+ * @param fm
+ * @param target
+ * @param data
+ */
+ZMIActionList.prototype.confirm = function(fm, target, data) {
+	var b = true;
+	var i = $("input[name='ids:list']:checkbox:checked").length;
+	if (target.indexOf("../") == 0) {
+		i = 1;
+	}
+	if (target.indexOf("manage_rollbackObjChanges") >= 0) {
+		var msg = getZMILangStr('MSG_ROLLBACKVERSIONCHANGES');
+		msg = msg.replace("%i",""+i);
+		b = confirm(msg);
+	}
+	else if (target.indexOf("manage_cutObjects") >= 0) {
+		var msg = getZMILangStr('MSG_CONFIRM_CUTOBJS') + $ZMI.getDescendantLanguages();
+		msg = msg.replace("%i",""+i);
+		b = i > 0 && confirm(msg);
+	}
+	else if (target.indexOf("manage_eraseObjs") >= 0) {
+		var msg = getZMILangStr('MSG_CONFIRM_DELOBJS');
+		msg = msg.replace("%i",""+i);
+		b = i > 0 && confirm(msg);
+	}
+	else if (target.indexOf("manage_deleteObjs") >= 0) {
+		var msg = getZMILangStr('MSG_CONFIRM_TRASHOBJS');
+		msg = msg.replace("%i",""+i);
+		msg += $ZMI.getDescendantLanguages();
+		b = i > 0 && confirm(msg);
+	}
+	else if (target.indexOf("manage_undoObjs") >= 0) {
+		var msg = getZMILangStr('MSG_CONFIRM_DISCARD_CHANGES');
+		msg = msg.replace("%i",""+i);
+		b = i > 0 && confirm(msg);
+	}
+	else if (target.indexOf("manage_executeMetacmd") >=0 ) {
+		var msg = $.ajax({
+			url: 'getMetaCmdDescription',
+			data:data,
+			datatype:'text',
+			traditional: true,
+			async: false
+			}).responseText;
+		if (typeof msg != 'undefined' && msg.length > 0) {
+			msg = msg.replace("%i",""+i);
+			b = confirm(msg);
+		}
+	}
+	else if (target == "") {
+		b = false;
+	}
+	return b;
+}
+
+/**
+ * @param sender
+ * @param evt
+ */
+function zmiActionButtonsRefresh(sender,evt) {
+	$(".zmi-selectable").each(function() {
+		if ($(".right input:checked",this).length > 0) {
+			$(this).addClass("zmi-selected");
+		}
+		else {
+			$(this).removeClass("zmi-selected");
+		}
+	});
+}
+
+/**
+ * This method (un-)checks all id-checkboxes on page and refreshs the buttons.
+ *
+ * @param sender
+ * @param v Boolean value for new (un-)checked state.
+ */
+function zmiToggleSelectionButtonClick(sender,v) {
+	var $fm = $(sender).closest('form,.zmi-form-container');
+	var $inputs = $('input:checkbox:not([id~="active"]):not([id~="attr_dc_coverage"])',$fm);
+	if (typeof v == "undefined") {
+		v = !$inputs.prop('checked');
+	}
+	$inputs.prop('checked',v).change();
+	zmiActionButtonsRefresh(sender);
+}
+
+/**
+ * zmiBrowseObjs
+ */
+function zmiBrowseObjs(fmName, elName, lang) {
+	let title = getZMILangStr('CAPTION_CHOOSEOBJ');
+	let href = "manage_browse_iframe";
+	let elValue = '';
+	if (fmName.length>0 && elName.length>0) {
+		// Get value of close input field, maybe in a modal dialog
+		$('form[name='+fmName+'] input[name="'+elName+'"]').each(function() {
+			if ( $(this).parents('div.modal.show').length > 0 ) {
+				elValue = $(this).val();
+				return false; // Exit the loop
+			} else {
+				elValue = $(this).val();
+			}
+		});
+	};
+	href += '?lang='+lang;
+	href += '&defaultLang='+lang;
+	href += '&fmName='+fmName;
+	href += '&elName='+elName;
+	href += '&elValue='+encodeURIComponent(elValue);
+	if ( typeof selectedText == "string") {
+		href += '&selectedText=' + encodeURIComponent( selectedText);
+	}
+	zmiModal(null,{
+		body: '<iframe src="'+href+'" style="width:100%; min-width:'+$ZMI.getConfProperty('zmiBrowseObjs.minWidth','200px')+'; height:100%; min-height: '+$ZMI.getConfProperty('zmiBrowseObjs.minHeight','62vh')+'; border:0;"></iframe>',
+		title: title
+	});
+	return false;
+}
+
+function zmiBrowseObjsApplyUrlValue(fmName, elName, elValue, elTitle) {
+	$('form[name='+fmName+'] input[name="'+elName+'"]').val(elValue).change();
+	if (typeof elTitle != "undefined") {
+		$('form[name='+fmName+'] input[name^=title]:text').each(function() {
+			if ($(this).val()=='') {
+				$(this).val(elTitle).change();
+			}
+		});
+	}
+}
+
+function zmiDialogClose() {
+	zmiModal("hide");
+}
+
+// ############################################################################
+// ### WYSIWYG-Textareas
+// ############################################################################
+
+/**
+ * @see http://stackoverflow.com/questions/1981088/set-textarea-selection-in-internet-explorer
+ */
+function setInputSelection(e, selection){
+	e.focus();
+	if(e.setSelectionRange) {
+		e.setSelectionRange(selection.start, selection.end);
+	} else if(e.createTextRange) {
+		e = e.createTextRange();
+		e.collapse(true);
+		e.moveEnd('character', selection.end);
+		e.moveStart('character', selection.start);
+		e.select();
+	}
+}
+
+/**
+ * @see http://stackoverflow.com/questions/7186586/how-to-get-the-selected-text-in-textarea-using-jquery-in-internet-explorer-7
+ */
+function getInputSelection(el) {
+	var start = 0, end = 0, normalizedValue, range,
+	textInputRange, len, endRange;
+	if (typeof el.selectionStart == "number" && typeof el.selectionEnd == "number") {
+		start = el.selectionStart;
+		end = el.selectionEnd;
+	} else {
+		range = document.selection.createRange();
+		if (range && range.parentElement() == el) {
+			len = el.value.length;
+			normalizedValue = el.value.replace(/\r\n/g, "\n");
+			// Create a working TextRange that lives only in the input
+			textInputRange = el.createTextRange();
+			textInputRange.moveToBookmark(range.getBookmark());
+			// Check if the start and end of the selection are at the very end
+			// of the input, since moveStart/moveEnd doesn't return what we want
+			// in those cases
+			endRange = el.createTextRange();
+			endRange.collapse(false);
+			if (textInputRange.compareEndPoints("StartToEnd", endRange) > -1) {
+				start = end = len;
+			} else {
+				start = -textInputRange.moveStart("character", -len);
+				start += normalizedValue.slice(0, start).split("\n").length - 1;
+				if (textInputRange.compareEndPoints("EndToEnd", endRange) > -1) {
+					end = len;
+				} else {
+					end = -textInputRange.moveEnd("character", -len);
+					end += normalizedValue.slice(0, end).split("\n").length - 1;
+				}
+			}
+		}
+	}
+	return {
+		start: start,
+		end: end
+	};
+}
+
+var selectedInput = null;
+var selectedText = {start:-1,end:-1};
+
+function untagSelected(tag, leftDelimiter, rightDelimiter) {
+	var v = $(selectedInput).val();
+	var pre = v.slice(0,selectedText.start);
+	var range = v.slice(selectedText.start,selectedText.end);
+	var post = v.slice(selectedText.end);
+	while (range.indexOf(" ")==range.length-1) {
+		range = range.slice(0,range.length-1);
+		post = " " + post;
+	}
+	var tagName = tag.indexOf(" ")>0?tag.substring(0,tag.indexOf(" ")):tag;
+	var startTag = leftDelimiter + tag + rightDelimiter;
+	var startRe = new RegExp(leftDelimiter + tag + "(.*?)" + rightDelimiter, "gi");
+	var endTag = leftDelimiter + "/" + tagName + rightDelimiter;
+	var endRe = new RegExp(leftDelimiter + "/" + tag + rightDelimiter, "gi");
+	var preMatch = pre.match(startRe);
+	var postMatch = post.match(endRe);
+	if (preMatch!=null && postMatch!=null) {
+		var preMatch = preMatch[preMatch.length-1];
+		var postMatch = postMatch[0];
+		if (pre.endsWith(preMatch) && post.startsWith(postMatch)) {
+			var newPre = pre.replace(preMatch,'');
+			var newPost = post.replace(postMatch,'');
+			$(selectedInput).val(newPre+range+newPost);
+			// Set selection.
+			var offset = newPre.length-pre.length;
+			selectedText = {start:selectedText.start+offset,end:selectedText.start+offset+range.length};
+			setInputSelection(selectedInput,selectedText);
+		}
+		return true;
+	}
+	return false;
+}
+
+function tagSelected(tag, leftDelimiter, rightDelimiter) {
+	var v = $(selectedInput).val();
+	var pre = v.slice(0,selectedText.start);
+	var range = v.slice(selectedText.start,selectedText.end);
+	var post = v.slice(selectedText.end);
+	while (range.indexOf(" ")==range.length-1) {
+		range = range.slice(0,range.length-1);
+		post = " " + post;
+	}
+	var tagName = tag.indexOf(" ")>0?tag.substring(0,tag.indexOf(" ")):tag;
+	var tagAttrs = tag.indexOf(" ")>0?tag.substring(tag.indexOf(" ")):"";
+	if (tagName == 'a' && tagAttrs == '') {
+		if (range.indexOf("@") > 0) {
+			tagAttrs = ' href="mailto:'+range+'"';
+		}
+		else if (range.indexOf("://") > 0) {
+			tagAttrs = ' href="'+range+'" target="_blank"';
+		}
+	}
+	if (tagName == 'a' && tagAttrs == '') {
+		zmiBrowseObjs('','',getZMILang());
+	}
+	else {
+		var startTag = leftDelimiter + tagName + tagAttrs + rightDelimiter;
+		var endTag = leftDelimiter + "/" + tagName + rightDelimiter;
+		var newRange = startTag + range + endTag;
+		$(selectedInput).val(pre+newRange+post);
+		// Set selection.
+		var offset = startTag.length;
+		selectedText = {start:selectedText.start+offset,end:selectedText.start+offset+range.length};
+		setInputSelection(selectedInput,selectedText);
+		return true;
+	}
+	return false;
+}
+
+function formatSelected(tag, leftDelimiter, rightDelimiter) {
+	if (!untagSelected(tag, leftDelimiter, rightDelimiter)) {
+		tagSelected(tag, leftDelimiter, rightDelimiter);
+	}
+}
+
+/**
+ * Set text-format for input.
+ */
+function setTextFormatInput( tag, fmName, elName) {
+	self.fm = document.forms[ fmName];
+	self.el = self.fm.elements[ elName];
+	if (typeof self.el == 'undefined') {
+		self.el = document.getElementsByName(elName)[0];
+	}
+	// Avoid loosing focus by fitting textarea to content amount
+	$('#' + elName ).height(document.getElementById(elName).scrollHeight);
+	formatSelected(tag,'<','>');
+}
+
+/**
+ * Store caret.
+ */
+function storeCaret(input) {
+	selectedInput = input;
+	selectedText = getInputSelection(input);
+}
+
+// ############################################################################
+// ### Record-Sets
+// ############################################################################
+
+function zmiRecordSetMoveRow(context, qIndex, delta) {
+	var $form = $(context).closest('form');
+	if (typeof qIndex != "undefined") {
+		var $btnGroup = $(context).closest('.btn-group');
+		var $input = $("input:checkbox:first",$btnGroup);
+		$form.append('<input type="hidden" name="qindex:int" value="' + $input.val() + '">');
+	}
+	$form.append('<input type="hidden" name="pos:int" value="' + (qIndex+1) + '">');
+	$form.append('<input type="hidden" name="newpos:int" value="' + (qIndex+1+delta) + '">');
+	$('input[name="action"]',$form).val('move');
+	$form.submit();
+}
+
+function zmiRecordSetDeleteRow(context, qIndex) {
+	var $form = $(context).closest('form');
+	if (typeof qIndex != "undefined") {
+		var $btnGroup = $(context).closest('.btn-group');
+		var $input = $("input:checkbox:first",$btnGroup);
+		$input.prop('checked',true).change();
+	}
+	if (confirm(getZMILangStr('MSG_CONFIRM_DELOBJS').replace('%i',$("input[name='qindices:list']:checked").length))) {
+		$('input[name="action"]',$form).val('delete');
+		$form.submit();
+	}
+	else if (typeof qIndex != "undefined") {
+		var $input = $('input[value="'+qIndex+'"]',$form);
+		$input.prop('checked',false).change();
+	}
+	return false;
+}
+
+function zmiRecordSetDuplicateRow(context, qIndex) {
+	var $form = $(context).closest('form');
+	if (typeof qIndex != "undefined") {
+		var $btnGroup = $(context).closest('.btn-group');
+		var $input = $("input:checkbox:first",$btnGroup);
+		$input.prop('checked',true).change();
+	}
+	if (confirm(getZMILangStr('MSG_CONFIRM_DUPLICATEOBJS').replace('%i',$("input[name='qindices:list']:checked").length))) {
+		$('input[name="action"]',$form).val('duplicate');
+		$form.submit();
+	}
+	else if (typeof qIndex != "undefined") {
+		var $input = $('input[value="'+qIndex+'"]',$form);
+		$input.prop('checked',false).change();
+	}
+	return false;
+}
+// ############################################################################
+// ### HORIZONTAL SCROLLING MAIN NAVIGATION FOR SMALL SCREENS
+// ############################################################################
+$ZMI.registerReady(function(){
+	var hidWidth;
+	var scrollBarWidths = 40;
+	var widthOfList = function(){
+		var itemsWidth = 0;
+		$('.wrapper .nav.nav-tabs li').each(function(){
+			var itemWidth = $(this).outerWidth();
+			itemsWidth+=itemWidth;
+		});
+		return itemsWidth;
+	};
+	var widthOfHidden = function(){
+		return (($('.wrapper').outerWidth())-widthOfList()-getLeftPosi())-scrollBarWidths;
+	};
+	var getLeftPosi = function(){
+		try {
+			return $('.wrapper .nav.nav-tabs').position().left;
+		} catch(err) {
+			return 0
+		}
+	};
+	var reAdjust = function(){
+		if (($('.wrapper').outerWidth()) < widthOfList()) {
+			$('.scroller-right').show();
+		} else {
+			$('.scroller-right').hide();
+		}
+
+		if (getLeftPosi()<0) {
+			$('.scroller-left').show();
+		} else {
+			$('.item').animate({left:"-="+getLeftPosi()+"px"},'slow');
+			$('.scroller-left').hide();
+		}
+	}
+	$('.scroller-right').click(function() {
+		$('.scroller-left').fadeIn('slow');
+		$('.scroller-right').fadeOut('slow');
+		$('.wrapper .nav.nav-tabs').animate({left:"+="+widthOfHidden()+"px"},'slow',function(){ });
+	});
+	$('.scroller-left').click(function() {
+		$('.scroller-right').fadeIn('slow');
+		$('.scroller-left').fadeOut('slow');
+		$('.wrapper .nav.nav-tabs').animate({left:"-="+getLeftPosi()+"px"},'slow',function(){ });
+	});
+	reAdjust();
+	$(window).on('resize',function(e){
+			reAdjust();
+	});
+});
+
+// ############################################################################
+// ### BACK-TO-TOP-SCROLL BUTTON
+// ############################################################################
+function isScrolledIntoView(elem) {
+	var docViewTop = $(window).scrollTop();
+	var docViewBottom = docViewTop + $(window).height();
+	var elemTop = $(elem).offset().top;
+	var elemBottom = elemTop + $(elem).height();
+	return ((elemBottom <= docViewBottom) && (elemTop >= docViewTop));
+};
+$ZMI.registerReady(function(){
+	const scrollToTopButton = document.getElementById('js-top');
+	const stickyControls = document.getElementsByClassName('sticky-controls')[0];
+	if ( scrollToTopButton || stickyControls ) {
+		window.onscroll = function () {
+			let y = window.scrollY;
+			if ( y > 42 && scrollToTopButton ) {
+				// Show back-to-top button on scroll
+				scrollToTopButton.className = "back-to-top show";
+			} else {
+				scrollToTopButton.className = "back-to-top hide";
+			}
+			if (stickyControls!=undefined) {
+				if ( !isScrolledIntoView(stickyControls) ){
+					stickyControls.classList.add('sticky-controls-activated');
+				}
+				if (y == 0) {
+					stickyControls.classList.remove('sticky-controls-activated');
+				}
+			}
+		};
+		// Scroll back-to-top after button click
+		if (scrollToTopButton) {
+			scrollToTopButton.onclick = () => {
+				$('html, body').animate({
+					scrollTop: 0
+				}, 600);
+				return false;
+			};
+		};
+	};
+});
+
+// /////////////////////////////////////////////////////////////////////////////
+//  Config
+// /////////////////////////////////////////////////////////////////////////////
+
+/**
+ * Returns configuration-files.
+ */
+var zmiExpandConfFilesProgress = false;
+function zmiExpandConfFiles(el, pattern) {
+	if (!zmiExpandConfFilesProgress) {
+		if ( $("option",el).length==1) {
+			zmiExpandConfFilesProgress = true;
+			// Set wait-cursor.
+			$ZMI.setCursorWait("zmiExpandConfFiles");
+			var first = null;
+			if ( $("option",el).length==1) {
+				first = $("option:first",el).html();
+				$("option:first",el).html(getZMILangStr('MSG_LOADING'));
+			}
+			// JQuery.AJAX.get
+			$.get( 'getConfFiles',{pattern:pattern},function(data) {
+				if (first!=null) {
+					$("option:first",el).html(first);
+				}
+				Object.keys(data)
+					.map(k => ([k, data[k]]))
+					.sort((a, b) => (a[1].localeCompare(b[1])))
+					.forEach(option => {
+						$(el).append('<option value="'+option[0]+'">'+option[1]+'</option>');
+					});
+				zmiExpandConfFilesProgress = false;
+				// Reset wait-cursor.
+				$ZMI.setCursorAuto("zmiExpandConfFiles");
+			});
+		}
+	}
+}
+
+// /////////////////////////////////////////////////////////////////////////////
+//  Url-Input
+// /////////////////////////////////////////////////////////////////////////////
+
+ZMI.prototype.initUrlInput = function(context) {
+	var fn_url_input_each = function() {
+		var $input = $(this);
+		// Add input-group only if not already present
+		if (!$input.parent().hasClass('input-group')) {
+			var fmName = $input.parents("form").attr("name");
+			var elName = $input.attr("name");
+			$input.wrap('<div class="input-group"></div>');
+			var $inputgroup = $input.parent();
+			if ($input.prop("disabled")) {
+				$inputgroup.append(''
+						+ '<div class="input-group-append">'
+							+ '<span class="input-group-text"><i class="fas fa-ban"></i></span>'
+						+ '</div>'
+					);
+			} else {
+				$inputgroup.append(''
+					+ '<div class="input-group-append">'
+						+ '<a class="btn btn-secondary" href="javascript:;" onclick="return zmiBrowseObjs(\'' + fmName + '\',\'' + elName + '\',getZMILang())">'
+							+ '<i class="fas fa-link"></i>'
+						+ '</a>'
+					+ '</div>'
+				);
+			}
+			var fn = function() {
+				$inputgroup.next(".breadcrumb, [aria-label=breadcrumb]").remove();
+				$.ajax({
+					url: 'zmi_breadcrumbs_obj_path',
+					data:{lang:getZMILang(),zmi_breadcrumbs_ref_obj_path:$input.val()},
+					datatype:'text',
+					success:function(response) {
+						$inputgroup.next(".breadcrumb, [aria-label=breadcrumb]").remove();
+						$inputgroup.after(response.replace(/<!--(.*?)-->/gi,'').trim());
+					}
+				});
+			};
+			$input.change(fn).change();
+		}
+	}
+	$("input.url-input",context).each(fn_url_input_each);
+	$("textarea.url-input",context).each(function() {
+		var $input = $(this);
+		var fmName = $input.parents("form").attr("name");
+		var elName = $input.attr("name");
+		var $container = $input.parent();
+		$input.hide();
+		$container.append(''
+			+ '<div class="url-input-container"></div>'
+			+'<input type="hidden" name="new_'+elName+'"/>'
+			+'<a href="javascript:;" onclick="return zmiBrowseObjs(\'' + fmName + '\',\'new_' + elName + '\',getZMILang())" class="btn btn-secondary">'
+			+'<i class="fas fa-plus"></i>'
+			+'</a>');
+		$("input[name='new_"+elName+"']",$container).change(function() {
+				var v = $(this).val();
+				var l = $input.val().length==0?[]:$input.val().split("\n");
+				if (!l.contains()) {
+					l.push(v);
+					$input.val(l.join("\n")).change();
+				}
+				$(this).val("");
+			});
+		$input.change(function() {
+			var v = $(this).val();
+			var l = $input.val().length==0?[]:$input.val().split("\n");
+			var $inputContainer = $(".url-input-container",$container);
+			$inputContainer.html('');
+			for (var i = 0; i < l.length; i++) {
+				$inputContainer.append('<input class="form-control url-input" type="text" value="'+l[i]+'" disabled="disabled"> ');
+			}
+			$("input.url-input",$inputContainer).each(fn_url_input_each);
+			$(".input-group-append",$inputContainer).replaceWith('<a class="btn btn-secondary" href="javascript:;"><i class="fas fa-times"></i></a>');
+			$("input.url-input",$inputContainer).next().click(function() {
+				$(this).parents(".input-group").next(".breadcrumb").remove();
+				$(this).parents(".input-group").remove();
+				var l = [];
+				$("input",$inputContainer).each(function() {
+					var v = $(this).val();
+					if (v.length > 0) {
+						l.push(v);
+					}
+				});
+				$input.val(l.join("\n")).change();
+			});
+		}).change();
+	});
+}
+
+// /////////////////////////////////////////////////////////////////////////////
+//  Multiselect
+// /////////////////////////////////////////////////////////////////////////////
+
+/**
+ * Remove option from multiselect
+ */
+ZMI.prototype.removeFromMultiselect = function(src) {
+	if (typeof src == "string") {
+		src = document.getElementById(src);
+	}
+	var selected = new Array();
+	var index = 0;
+	while (index < src.options.length) {
+		if (src.options[index].selected) {
+			selected[index] = src.options[index].selected;
+		}
+		index++;
+	}
+	index = 0;
+	var count = 0;
+	while (index < selected.length) {
+		if (selected[index])
+			src.options[count] = null;
+		else
+			count++;
+		index++;
+	}
+	sortOptions(src);
+}
+
+/**
+ * Append option to multiselect
+ */
+ZMI.prototype.appendToMultiselect = function(src, data, defaultSelected) {
+	var label = data;
+	var value = data;
+	if (typeof data == "object") {
+		label = data.label;
+		value = data.value;
+		if (data.orig) {
+			label = data.orig;
+		}
+	}
+	if (typeof src == "string") {
+		src = document.getElementById(src);
+	}
+	for ( var i = 0; i < src.options.length; i++) {
+		if ( src.options[i].value == value) {
+			return;
+		}
+	}
+	if (typeof defaultSelected == "undefined") {
+		defaultSelected = false;
+	}
+	var option = new Option( label, value, defaultSelected);
+	src.options[ src.length] = option;
+}
+
+/**
+ * Select single option from multiselect.
+ */
+ZMI.prototype.selectFromMultiselect = function(fm, srcElName, dstElName) {
+	var src = fm.elements[srcElName];
+	var dst = fm.elements[dstElName];
+	var selected = new Array();
+	var index = 0;
+	while (index < src.options.length) {
+		if (src.options[index].selected) {
+			var newoption = new Option(src.options[index].text, src.options[index].value, true, true);
+			dst.options[dst.length] = newoption;
+			selected[index] = src.options[index].selected;
+		}
+		index++;
+	}
+	index = 0;
+	var count = 0;
+	while (index < selected.length) {
+		if (selected[index])
+			src.options[count] = null;
+		else
+			count++;
+		index++;
+	}
+	sortOptions(src);
+	sortOptions(dst);
+	return false;
+}
+
+/**
+ * Select all options from multiselect.
+ */
+ZMI.prototype.selectAllFromMultiselect = function(fm, srcElName, dstElName) {
+	var src = fm.elements[srcElName];
+	var dst = fm.elements[dstElName];
+	var index = 0;
+	while (index < src.options.length) {
+		src.options[index].selected = true;
+		index++;
+	}
+	this.selectFromMultiselect(fm,srcElName,dstElName);
+	return false;
+}
+
+/**
+ * Add option.
+ *
+ * @param object
+ * @param name
+ * @param value
+ * @param selectedValue
+ */
+function addOption( object, name, value, selectedValue) {
+	var defaultSelected = value.length > 0 && value == selectedValue;
+	var selected = value.length > 0 && value == selectedValue;
+	object.options[object.length] = new Option( name, value, defaultSelected, selected);
+}
+
+/**
+ * Sort options.
+ */
+function sortOptions(what) {
+	var copyOption = new Array();
+	for (var i=0;i<what.options.length;i++)
+		copyOption[i] = new Array(what[i].text,what[i].value);
+	copyOption.sort();
+	for (var i=what.options.length-1;i>-1;i--) {
+		what.options[i] = null;
+	}
+	for (var i=0;i<copyOption.length;i++)
+		addOption(what,copyOption[i][0],copyOption[i][1])
+}
+
+
+// /////////////////////////////////////////////////////////////////////////////
+//  Set / Reset Form as Modified
+// /////////////////////////////////////////////////////////////////////////////
+
+ZMI.prototype.set_form_modified = function(context,initialValue) {
+	let nowValue = $(context).val();
+	if ( $(context).attr('id')!=undefined && $(context).attr('id').indexOf('editor_')==0 ) {
+		nowValue = CKEDITOR.instances[$(context).attr('id')].getData();
+	};
+	const $body = $('body.zmi');
+	const $btn_save = $('.controls.save button[value="BTN_SAVE"]',$(context).closest('form'));
+	const $form = $(context).parents('form');
+	const $formGroup = $(context).parents('.form-group');
+	if (initialValue==undefined) {
+		initialValue = $(context).data('initial-value');
+	};
+	if (nowValue == initialValue) {
+		$formGroup.removeClass('form-modified');
+	} else {
+		$formGroup.addClass('form-modified');
+	}
+	if ($('.form-group.form-modified').length == 0) {
+		$body.removeClass('form-modified');
+		$btn_save.removeClass('btn-primary').addClass('btn-secondary');
+	} else {
+		$body.addClass('form-modified');
+		$btn_save.removeClass('btn-secondary').addClass('btn-primary');
+	}
+	if ($('#form_modified',$form).length == 0) {
+		$form.append('<input type="hidden" id="form_modified" name="form_modified:boolean" value="1">');
+	}
+}
diff --git a/Products/zms/standard.py b/Products/zms/standard.py
index 22e6fd37b..38632c9a1 100644
--- a/Products/zms/standard.py
+++ b/Products/zms/standard.py
@@ -445,7 +445,7 @@ def url_inherit_params(url, REQUEST, exclude=[], sep='&amp;'):
     anchor = url[i:]
     url = url[:i]
   if REQUEST.form:
-    for key in REQUEST.form.keys():
+    for key in REQUEST.form:
       if not key in exclude:
         v = REQUEST.form.get( key, None )
         if key is not None:
diff --git a/Products/zms/zmssqldb.py b/Products/zms/zmssqldb.py
index c89dfa131..73ce5eec4 100644
--- a/Products/zms/zmssqldb.py
+++ b/Products/zms/zmssqldb.py
@@ -102,7 +102,6 @@ class ZMSSqlDb(zmscustom.ZMSCustom):
         'manage_moveObjUp', 'manage_moveObjDown', 'manage_moveObjToPos',
         'manage_cutObjects', 'manage_copyObjects', 'manage_pasteObjs',
         'manage_userForm', 'manage_user',
-        'manage_zmi_input_form', 
         'manage_zmi_details_grid', 'manage_zmi_details_form',
         'manage_zmi_lazy_select_form',
         )
@@ -117,7 +116,9 @@ class ZMSSqlDb(zmscustom.ZMSCustom):
 
     # Management Interface.
     # ---------------------
-    manage_zmi_input_form = PageTemplateFile('zpt/ZMSSqlDb/input_form', globals())
+    zmi_filter_form = PageTemplateFile('zpt/ZMSSqlDb/filter_form', globals())
+    zmi_input_form = PageTemplateFile('zpt/ZMSSqlDb/input_form', globals())
+    zmi_main = PageTemplateFile('zpt/ZMSSqlDb/main', globals())
     manage_zmi_details_grid = PageTemplateFile('zpt/ZMSSqlDb/zmi_details_grid', globals())
     manage_zmi_details_form = PageTemplateFile('zpt/ZMSSqlDb/zmi_details_form', globals())
     manage_zmi_lazy_select_form = PageTemplateFile('zpt/ZMSSqlDb/zmi_lazy_select_form', globals())
@@ -141,6 +142,7 @@ class ZMSSqlDb(zmscustom.ZMSCustom):
       'checkbox': 1,
       'password': 1,
       'richtext': 1,
+      'string': 1,
       'text': 1,
       'time': 1,
       'url': 1,
@@ -905,8 +907,8 @@ def getEntities(self):
         # The pattern matches digits in parenthesis.To get the digits use .group(1).
         size_p = re.compile(r'\(\s*?([0-9]+)\s*?\)')
         for tableBrwsr in tableBrwsrs:
-          tableName = str(getattr(tableBrwsr, 'Name', getattr(tableBrwsr, 'name', None))())
-          tableType = str(getattr(tableBrwsr, 'Type', getattr(tableBrwsr, 'type', None))())
+          tableName = str(getattr(tableBrwsr, 'Name', getattr(tableBrwsr, 'name', None))()).replace('"','').replace('[','').replace(']','')
+          tableType = str(getattr(tableBrwsr, 'Type', getattr(tableBrwsr, 'type', None))()).replace('"','').replace('[','').replace(']','')
           if tableType.upper() == 'TABLE' and p.match(tableName):
             
             # +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-
@@ -929,9 +931,7 @@ def getEntities(self):
                         c += l + ' '
                     cl = [x for x in c.split(' ') if x.strip()]
                     if len(cl) >= 2:
-                      cid = cl[0]
-                      if cid.startswith('"') and cid.endswith('"'):
-                        cid = cid[1:-1]
+                      cid = cl[0].replace('"','').replace('[','').replace(']','')
                       ucid = cid.upper() 
                       uctype = cl[1].upper()
                       if not ucid in ['CHECK', 'FOREIGN', 'PRIMARY'] and not uctype.startswith('KEY') and not uctype.startswith('(') and not ucid.startswith('\''):
@@ -942,7 +942,7 @@ def getEntities(self):
               else:
                 for columnBrwsr in tableBrwsr.tpValues():
                   col = {}
-                  col["id"] = columnBrwsr.tpId()
+                  col["id"] = columnBrwsr.tpId().replace('"','').replace('[','').replace(']','')
                   col["description"] = getattr(columnBrwsr, 'Description', getattr(columnBrwsr, 'description', None))().upper()
                   columnBrwsrs.append(col)
               for columnBrwsr in columnBrwsrs:
@@ -1137,7 +1137,7 @@ def recordSet_Init(self, REQUEST):
       if len(tabledefs) > 0:
         if tablename not in [x['id'] for x in tabledefs]:
           tablename = tabledefs[0]['id']
-        tablename = REQUEST.form.get('qentity', tablename)
+        tablename = REQUEST.get('qentity', tablename)
         tabledef = [x for x in tabledefs if x['id'].upper()==tablename.upper()][0]
         sqlStatement.append( self.recordSet_Select( tablename))
         tablecols = tabledef['columns']
diff --git a/Products/zms/zpt/ZMS/index.zpt b/Products/zms/zpt/ZMS/index.zpt
index a69e654e4..ad1fe8cae 100644
--- a/Products/zms/zpt/ZMS/index.zpt
+++ b/Products/zms/zpt/ZMS/index.zpt
@@ -2,11 +2,10 @@
 ### Initialize request.
 </tal:block
 ><tal:block tal:define="standard modules/Products.zms/standard;
-		dummy0 python:request.RESPONSE.setHeader('Content-Type', 'text/html\073charset=utf-8');
-		dummy0 python:request.set('lang',request.get('lang',here.getLanguage(request)));
-		site_active python:here.getHome().content.isActive(request);
-		done python:[]"
-
+	dummy0 python:request.RESPONSE.setHeader('Content-Type', 'text/html\073charset=utf-8');
+	dummy0 python:request.set('lang',request.get('lang',here.getLanguage(request)));
+	site_active python:here.getHome().content.isActive(request);
+	done python:[]"
 ><tal:block tal:condition="not: site_active"
 	><tal:block tal:define="global 
 		dummy0 python:standard.raiseError('NotFound','Site is not active')"
@@ -18,9 +17,9 @@
 ><tal:block tal:define="target python:here.getHref2IndexHtml({'lang':request['lang'],'preview':request.get('preview',None),'ZMS_INDEX_HTML':[0,1][request.get('preview',None)=='preview']},deep=here.getConfProperty('index_html.redirect.deep',0))"
 ><tal:block tal:condition="python:not done and here.getDeclId({'lang':request['lang']})!=here.id and not request['URL']=='%sindex_html'%target and (request['URL'].endswith('/%s/index_html'%here.getDeclId({'lang':request['lang']})) or request['URL'].endswith('/%s/index_html'%here.id))"
 	><tal:block tal:define="
-			dummy0 python:request.set('ZMS_INDEX_HTML',1);
-			dummy0 python:request.RESPONSE.redirect(target,301);
-			dummy0 python:done.append(True)"></tal:block
+		dummy0 python:request.set('ZMS_INDEX_HTML',1);
+		dummy0 python:request.RESPONSE.redirect(target,301);
+		dummy0 python:done.append(True)"></tal:block
 ></tal:block
 ></tal:block
 
@@ -30,20 +29,20 @@
 	><tal:block tal:condition="python:not done and not here.hasAccess(request)"
 		><tal:block tal:replace="nothing">--- Raise unauthorized ---</tal:block
 			><tal:block tal:define="
-					dummy0 python:request.RESPONSE.unauthorized();
-					dummy0 python:done.append(True)"></tal:block
+				dummy0 python:request.RESPONSE.unauthorized();
+				dummy0 python:done.append(True)"></tal:block
 	></tal:block
 
 	><tal:block tal:replace="nothing">
 	### Response status
 	</tal:block
-    ><tal:block tal:define="httpResponseStatus python:here.getHttpResponseStatus()" tal:on-error="nothing"
-        ><tal:block tal:condition="python:httpResponseStatus>0"
-            ><tal:block tal:define="
-                    dummy0 python:request.RESPONSE.setStatus(httpResponseStatus);
-					dummy0 python:done.append(True)"></tal:block
-        ></tal:block
-    ></tal:block
+	><tal:block tal:define="httpResponseStatus python:here.getHttpResponseStatus()" tal:on-error="nothing"
+		><tal:block tal:condition="python:httpResponseStatus>0"
+			><tal:block tal:define="
+				dummy0 python:request.RESPONSE.setStatus(httpResponseStatus);
+				dummy0 python:done.append(True)"></tal:block
+		></tal:block
+	></tal:block
 
 ><tal:block tal:condition="python:not done and getattr(here.getHome(),'standard_html',None)"
 	><tal:block tal:content="structure python:here.f_standard_html_request(here,request)">f_standard_html_request</tal:block
diff --git a/Products/zms/zpt/ZMSRecordSet/main_grid.zpt b/Products/zms/zpt/ZMSRecordSet/main_grid.zpt
index a7be723b0..c6f0860df 100644
--- a/Products/zms/zpt/ZMSRecordSet/main_grid.zpt
+++ b/Products/zms/zpt/ZMSRecordSet/main_grid.zpt
@@ -199,7 +199,7 @@
 										tal:content="structure python:(here.operator_gettype(elValue) is not str) and elValue.getFilename() or elValue">filename</tal:block
 								></tal:block
 								><tal:block tal:condition="python:elType in ['date','datetime','time']"
-									><tal:block tal:content="python:here.getLangFmtDate(elValue,fmt_str=('%s_fmt'%elType).upper())">elValue</tal:block
+									><tal:block tal:content="python:here.getLangFmtDate(elValue,request.get('manage_lang',request['lang']),('%s_fmt'%elType).upper())">elValue</tal:block
 								></tal:block
 								><tal:block tal:condition="python:elType in ['float','int']"
 									><tal:block tal:content="elValue">elValue</tal:block
diff --git a/Products/zms/zpt/ZMSSqlDb/filter_form.zpt b/Products/zms/zpt/ZMSSqlDb/filter_form.zpt
new file mode 100644
index 000000000..7142f5d22
--- /dev/null
+++ b/Products/zms/zpt/ZMSSqlDb/filter_form.zpt
@@ -0,0 +1,92 @@
+<tal:block tal:define="
+	standard modules/Products.zms/standard;
+	entity options/entity;
+	tables options/tables;
+	resSlctStmnt options/resSlctStmnt">
+
+<form method="get" class="form-horizontal" 
+	tal:define="filter_columns python:[x for x in entity['columns'] if len(standard.intersection_list(['blob','details','multiselect','multimultiselect'],list(x)))==0]">
+	<input tal:condition="python:'lang' in request" type="hidden" name="lang" tal:attributes="value request/lang">
+	<input tal:condition="python:'preview' in request" type="hidden" name="preview" tal:attributes="value request/preview">
+	<input tal:condition="python:'qorder' in request" type="hidden" name="qorder" tal:attributes="value request/qorder">
+	<input tal:condition="python:'qorderdir' in request" type="hidden" name="qorderdir" tal:attributes="value request/qorderdir">
+	<div class="card">
+
+		<div class="card-header attr_last_modified clearfix btn-collapse">
+			<a class="btn card-toggle text-left" data-toggle="collapse" href="#attrActivity" aria-expanded="false"
+				><i class="fas fa-caret-right"></i> <tal:block tal:content="python:here.getZMILangStr('ATTR_ACTIVITY')">Activity</tal:block
+			></a>
+			<div class="btn zmi-changes" tal:content="python:here.getZMILangStr('ATTR_LAST_MODIFIED')+' '+here.getLangFmtDate(here.attr('change_dt'))+' '+here.getZMILangStr('BY')+' '+here.attr('change_uid')">change_dt by change_uid</div>
+		</div><!-- .card-header -->
+		<div id="attrActivity" class="collapse">
+			<div class="card-body">
+				<tal:block tal:condition="python:here.attr('created_dt') and here.attr('created_uid')">
+					<span tal:content="python:'%s: %s %s %s'%(here.getZMILangStr('ATTR_CREATED'),here.getLangFmtDate(here.attr('created_dt')),here.getZMILangStr('BY'),here.attr('created_uid'))">Createad: %d.%m.%Y by %s</span>,
+				</tal:block>
+				<span title="This Node Contains ..." tal:content="python:'%i %s'%(len(here.getChildNodes(request)),here.getZMILangStr('ATTR_OBJECTS'))">%i Objects</span>,
+				<span title="Data Size" class="get_size" tal:content="python:here.getDataSizeStr(here.get_size())">%i Bytes</span>,
+				<span title="Unique ID" class="get_uid" tal:content="python:'ID:%s'%(here.get_uid())">unique-id</span>
+			</div><!-- .card-body -->
+		</div><!-- .collapse -->
+
+		<div class="card-header filters clearfix btn-collapse">
+			<a class="btn card-toggle pull-left py-2 mt-1 text-left" data-toggle="collapse" href="#attrProperties">
+				<i class="fas fa-caret-down"></i>
+				<tal:block tal:content="structure python:here.getZMILangStr('ATTR_FILTER')">the label</tal:block>
+			</a>
+			<div class="row">
+				<div class="col-sm-8 col-md-6 col-sm-8 col-lg-4 py-2">
+					<select class="form-control form-control-sm" id="qentity" name="qentity" onchange="this.form.submit()">
+						<tal:block tal:repeat="table tables">
+							<option tal:attributes="value table/id; selected python:['','selected'][int(table['id'].upper()==entity['id'].upper())]" tal:content="table/label">table</option>
+						</tal:block>
+					</select>
+				</div>
+			</div>
+			<input type="hidden" id="qfilters" name="qfilters:int" tal:attributes="value request/qfilters" />
+		</div><!-- .card-header -->
+
+		<div id="attrProperties" class="filters collapse show">
+			<div class="card-body">
+				<tal:block tal:repeat="filterIndex python:range(request.get('qfilters',1))">
+					<div tal:attributes="class python:' '.join(['form-row']+[[],['d-none']][int(filterIndex==request.get('qfilters',1))])">
+						<div class="form-group col-sm-5">
+							<select class="form-control form-control-sm" tal:attributes="name python:'filterattr%i'%filterIndex">
+								<option value="" tal:content="python:here.getZMILangStr('CAPTION_SELECT')">the option</option>
+								<tal:block tal:repeat="column python:[here.getEntityColumn(entity['id'],x['id']) for x in filter_columns]">
+									<option tal:attributes="value column/id; title column/type; selected python:['','selected'][int(column['id'].lower()==request.get('filterattr%i'%filterIndex,standard.get_session_value(here,'filterattr%i_%s'%(filterIndex,here.id),'')).lower())]" tal:content="column/label">column</option>
+								</tal:block>
+							</select>
+						</div>
+						<div class="form-group col-sm-2">
+							<select class="form-control form-control-sm" tal:attributes="name python:'filterop%i'%filterIndex">
+								<tal:block tal:repeat="op python:['LIKE','=','<','<=','>','>=','NULL','NOT NULL']">
+									<option tal:attributes="value python:op; selected python:['','selected'][op.lower()==request.get('filterop%i'%filterIndex, standard.get_session_value(here,'filterop%i_%s'%(filterIndex,here.id),'')).lower()]" tal:content="python:op">op</option>
+								</tal:block>
+							</select>
+						</div>
+						<div class="form-group col-sm-5">
+							<input class="form-control form-control-sm" type="text" tal:attributes="name python:'filtervalue%i'%filterIndex; value python:request.get('filtervalue%i'%filterIndex, standard.get_session_value(here,'filtervalue%i_%s'%(filterIndex,here.id),''))" />
+						</div>
+					</div><!-- .form-row -->
+				</tal:block>
+				<div class="controls text-left">
+					<button type="submit" id="btn-search" class="btn btn-primary" name="btn" value="BTN_REFRESH">
+						<i class="fas fa-search"></i>
+						<tal:block tal:content="python:here.getZMILangStr('BTN_SEARCH')">Search</tal:block>
+					</button>
+					<button type="submit" id="btn-reset" class="btn btn-secondary" name="btn" value="BTN_RESET">
+						<tal:block tal:content="python:here.getZMILangStr('BTN_RESET')">Reset</tal:block>
+					</button>
+					&nbsp;
+					<a href="javascript:;" onclick="$('#manage_main_div_sql').toggleClass('d-none')" title="Show SQL Code">
+						&middot;
+					</a>
+				</div><!-- .form-row -->
+				<div id="manage_main_div_sql" class="d-none well" style="padding:1em;margin: 1em 0 0 0;"><code tal:content="structure python:resSlctStmnt.replace('\n','<br>')">resSlctStmnt</code></div>
+			</div><!-- .card-body -->
+		</div><!-- .collapse -->
+	</div><!-- .card -->
+</form>
+
+</tal:block>
\ No newline at end of file
diff --git a/Products/zms/zpt/ZMSSqlDb/input_form.zpt b/Products/zms/zpt/ZMSSqlDb/input_form.zpt
index cbf4d49fa..072120401 100644
--- a/Products/zms/zpt/ZMSSqlDb/input_form.zpt
+++ b/Products/zms/zpt/ZMSSqlDb/input_form.zpt
@@ -10,235 +10,226 @@
 	input_form python:options.get('input_form',True);
 	request_form_inherit python:['lang','preview','qentity']+options.get('request_form_inherit',[]);">
 
-<form class="form-horizontal" id="form0" name="form0" method="post" enctype="multipart/form-data" 
-	tal:omit-tag="not:input_form"
-	tal:attributes="action request/URL"
-	tal:define="global
-		primary_key python:here.getEntityPK(entity['id']).lower();
-		qcharset python:request.get('qcharset','utf-8')">
-	<tal:block tal:repeat="key python:[x for x in request_form_inherit if x in list(request.keys())]">
-		<input type="hidden" tal:omit-tag="python: not input_form and key in ['lang','preview']" tal:attributes="id key; name key; value python:request[key]" />
-	</tal:block>
-	<input type="hidden" id="action" name="action" tal:attributes="value action" />
-	<input type="hidden" id="qindex" name="qindex:int" tal:attributes="value qindex" />
-	<input type="hidden" id="rowid" name="rowid" tal:attributes="value rowid" />
-	<legend></legend>
-	<div class="card">
-		<div class="card-header btn-collapse">
-			<a class="btn card-toggle" href="javascript:;">
-				<i class="fas fa-th"></i>
-				<strong tal:attributes="title entity/id" tal:content="entity/label">the label</strong>:
-				<tal:block tal:content="python:here.getZMILangStr({'insert':'CAPTION_INSERT','update':'CAPTION_EDIT'}[action])%here.getZMILangStr('ATTR_RECORD')">the heading</tal:block>
-			</a>
-		</div><!-- card-header -->
-		<div class="card-body">
-		<tal:block tal:repeat="column entity/columns">
-			<tal:block tal:condition="python:'details' not in column" 
-				tal:define="global metaObjAttr python:here.getEntityColumn(entity['id'],column['id'],row);">
-			<tal:block tal:on-error="python:'ERROR: %s %s'%(str(metaObjAttr),standard.writeError(here,''))" 
-				tal:define="global
-					elName python:metaObjAttr['id'];
-					elLabel python:metaObjAttr['label'];
-					elValue python:here.operator_getitem(row,elName,ignorecase=True)">
-
-			<input tal:condition="python:column['id'].lower() in request_form_inherit" type="hidden" tal:attributes="name elName; value elValue"/>
-			<div tal:condition="python:column['id'].lower() not in request_form_inherit" class="form-group row" tal:define="global done python:[]" tal:attributes="id python:'tr_%s'%(elName)">
+	<form class="form-horizontal" id="form0" name="form0" method="post" enctype="multipart/form-data" 
+		tal:omit-tag="not:input_form"
+		tal:attributes="action request/URL"
+		tal:define="global
+			primary_key python:here.getEntityPK(entity['id']).lower();
+			qcharset python:request.get('qcharset','utf-8')">
+		<tal:block tal:repeat="key python:[x for x in request_form_inherit if x in list(request.keys())]">
+			<input type="hidden" tal:omit-tag="python: not input_form and key in ['lang','preview']" tal:attributes="id key; name key; value python:request[key]" />
+		</tal:block>
+		<input type="hidden" id="action" name="action" tal:attributes="value action" />
+		<input type="hidden" id="qindex" name="qindex:int" tal:attributes="value qindex" />
+		<input type="hidden" id="rowid" name="rowid" tal:attributes="value rowid" />
+		<legend></legend>
+		<div class="card">
+			<div class="card-header btn-collapse">
+				<a class="btn card-toggle" href="javascript:;">
+					<i class="fas fa-th"></i>
+					<strong tal:attributes="title entity/id" tal:content="entity/label">the label</strong>:
+					<tal:block tal:content="python:here.getZMILangStr({'insert':'CAPTION_INSERT','update':'CAPTION_EDIT'}[action])%here.getZMILangStr('ATTR_RECORD')">the heading</tal:block>
+				</a>
+			</div><!-- card-header -->
+			<div class="card-body">
+				<tal:block tal:repeat="column entity/columns">
+					<tal:block tal:condition="python:column['id'] not in request.get('qexcludeids',[]) and 'details' not in column" 
+						tal:define="global metaObjAttr python:here.getEntityColumn(entity['id'],column['id'],row);">
+						<tal:block tal:on-error="python:'ERROR: %s %s'%(str(metaObjAttr),standard.writeError(here,''))" 
+							tal:define="global
+								elName python:metaObjAttr['id'];
+								elLabel python:metaObjAttr['label'];
+								elValue python:here.operator_getitem(row,elName,ignorecase=True)">
 
-				<tal:block tal:replace="python:metaObjAttr.get('interface','')">table interface element</tal:block>
+							<input tal:condition="python:column['id'].lower() in request_form_inherit" type="hidden" tal:attributes="name elName; value elValue"/>
+							<div tal:condition="python:column['id'].lower() not in request_form_inherit" class="form-group row" tal:define="global done python:[]" tal:attributes="id python:'tr_%s'%(elName)">
 
-				<tal:block tal:replace="nothing">
-				##### Label ############################################################
-				</tal:block>
-				<label tal:attributes="for elName; class python:' '.join(['col-sm-3 col-md-2 control-label']+[[],['mandatory']][int((metaObjAttr.get('mandatory') in ['1',1,'True',True]) and metaObjAttr.get('auto') in ['',None])])">
-					<i tal:condition="python:metaObjAttr.get('pk')" class="fas fa-key"></i>
-					<span tal:content="elLabel">the label</span>
-				</label>
-
-				<tal:block tal:replace="nothing">
-				##### Password #########################################################
-				</tal:block>
-				<div class="col-sm-9 col-md-10" tal:condition="python:not done and metaObjAttr.get('password') in ['1',1,'True',True]">
-					<input class="form-control" type="password" tal:attributes="name elName" value="******"/>
-					<tal:block tal:define="dummy0 python:done.append(True)"></tal:block>
-				</div>
+							<tal:block tal:replace="python:metaObjAttr.get('interface','')">table interface element</tal:block>
 
-				<tal:block tal:replace="nothing">
-				##### Auto #############################################################
-				</tal:block>
-				<div class="col-sm-9 col-md-10 ZMSSqlDbForm-auto" tal:condition="python:not done and metaObjAttr.get('auto') not in ['',None]">
-					<div class="form-control-static" tal:condition="python:metaObjAttr.get('datatype') in ['datetime']">
-						<input type="hidden" tal:attributes="name elName; value python:DateTime(elValue)"/>
-						<tal:block tal:content="python:DateTime(elValue)">the value</tal:block>
-					</div>
-					<div class="form-control-static" tal:condition="not:python:metaObjAttr.get('datatype') in ['datetime']">
-						<input type="hidden" tal:attributes="name elName; value elValue"/>
-						<tal:block tal:content="elValue">the value</tal:block>
-					</div>
-					<tal:block tal:define="dummy0 python:done.append(True)"></tal:block>
-				</div>
+							<tal:block tal:replace="nothing">
+							##### Label ############################################################
+							</tal:block>
+							<label tal:attributes="for elName; class python:' '.join(['col-sm-3 col-md-2 control-label']+[[],['mandatory']][int((metaObjAttr.get('mandatory') in ['1',1,'True',True]) and metaObjAttr.get('auto') in ['',None])])">
+								<i tal:condition="python:metaObjAttr.get('pk')" class="fas fa-key"></i>
+								<span tal:content="elLabel">the label</span>
+							</label>
 
-				<tal:block tal:replace="nothing">
-				##### Fk ###############################################################
-				</tal:block>
-				<div class="col-sm-9 col-md-10 ZMSSqlDbForm-fk" tal:condition="python:not done and metaObjAttr.get('fk') not in ['',None]">
-					<tal:block tal:define="
-						tablename python:metaObjAttr['fk'].get('tablename','');
-						fieldname python:str(metaObjAttr['fk'].get('fieldname','')).replace('\'','\\\'');
-						displayfield python:str(metaObjAttr['fk'].get('displayfield','')).replace('\'','\\\'');">
-						<tal:block tal:condition="python:metaObjAttr['fk'].get('lazy')">
-							<tal:block tal:repeat="option python:[(metaObjAttr['options']+[['','']])[0]]">
-								<div class="input-group">
-									<input class="lazy" type="hidden" tal:attributes="id metaObjAttr/id; name elName; value python:option[0]"/>
-									<input class="form-control" type="text" tal:attributes="id python:'label_%s'%(elName); value python:option[1]" disabled="disabled"/>
-									<div class="input-group-append" tal:define="actions python:['select']+[[],['insert']][int(metaObjAttr['fk'].get('editable',0))]">
-										<a class="btn btn-secondary" href="javascript:;" 
-											tal:attributes="onclick python:'$ZMI.iframe(\'%s/manage_zmi_lazy_select_form\',{id:\'%s\',qentity:\'%s\',\'primary_key\':\'%s\',\'qcolumns:list\':\'%s\',\'actions\':\'%s\'},{iframe:true,height:400,title:getZMILangStr(\'BTN_SELECT\')+\': %s\'})'%(here.absolute_url(),metaObjAttr['id'],tablename,fieldname,displayfield,','.join(actions),elLabel)" 
-											><i class="fas fa-pencil-alt"></i></a>
-									</div>
-								</div>
+							<tal:block tal:replace="nothing">
+							##### Password #########################################################
 							</tal:block>
-						</tal:block>
-						<tal:block tal:condition="python:metaObjAttr['fk'].get('editable') and not metaObjAttr['fk'].get('lazy')">
-							<tal:block tal:define="
-									pk python:here.getEntityPK(tablename); 
-									displayValue python:(here.query('SELECT %s AS displayfield FROM %s WHERE %s=%s'%(displayfield,tablename,pk,here.sql_quote__(tablename,pk,elValue)),encoding=encoding)['records']+[{'displayfield':''}])[0]['displayfield']">
-								<tal:block tal:content="structure python:here.zmi_input_autocomplete(here,name=elName,value=displayValue,lang_str=elLabel,type='autocomplete',ajax_url='ajaxGetObjOptions',obj_id=tablename,attr_id=displayfield)">the control</tal:block>
+							<div class="col-sm-9 col-md-10" tal:condition="python:not done and metaObjAttr.get('password') in ['1',1,'True',True]">
+								<input class="form-control" type="password" tal:attributes="name elName" value="******"/>
+								<tal:block tal:define="dummy0 python:done.append(True)"></tal:block>
+							</div>
+
+							<tal:block tal:replace="nothing">
+							##### Auto #############################################################
 							</tal:block>
-						</tal:block>
-						<tal:block tal:condition="python:not metaObjAttr['fk'].get('editable') and not metaObjAttr['fk'].get('lazy')">
-							<tal:block tal:content="structure python:here.zmi_input_select(here,name=elName,value=elValue,lang_str=elLabel,options=metaObjAttr['options'])">the control</tal:block>
-						</tal:block>
-						<tal:block tal:define="dummy0 python:done.append(True)"></tal:block>
-					</tal:block>
-				</div>
+							<div class="col-sm-9 col-md-10 ZMSSqlDbForm-auto" tal:condition="python:not done and metaObjAttr.get('auto') not in ['',None]">
+								<div class="form-control-static" tal:condition="python:metaObjAttr.get('datatype') in ['datetime']">
+									<input type="hidden" tal:attributes="name elName; value python:DateTime(elValue)"/>
+									<tal:block tal:content="python:DateTime(elValue)">the value</tal:block>
+								</div>
+								<div class="form-control-static" tal:condition="not:python:metaObjAttr.get('datatype') in ['datetime']">
+									<input type="hidden" tal:attributes="name elName; value elValue"/>
+									<tal:block tal:content="elValue">the value</tal:block>
+								</div>
+								<tal:block tal:define="dummy0 python:done.append(True)"></tal:block>
+							</div>
 
-				<tal:block tal:replace="nothing">
-				##### Multiselect ######################################################
-				</tal:block>
-				<div class="col-sm-9 col-md-10 ZMSSqlDbForm-multiselect" tal:condition="python:not done and metaObjAttr.get('multiselect') not in ['',None]">
-					<tal:block tal:repeat="value metaObjAttr/value">
-						<input type="hidden" tal:attributes="name python:'old_%s:list'%elName; value value"/>
-					</tal:block>
-					<tal:block tal:condition="python:metaObjAttr['multiselect'].get('lazy')">
-						<div class="pull-left">
-							<select class="form-control form-on-submit-selected" tal:attributes="id elName; name python:'%s:list'%elName" multiple="multiple">
-							<tal:block tal:repeat="option metaObjAttr/options">
-								<option selected="selected" tal:attributes="value python:option[0]" tal:content="python:option[1]">the option</option>
+							<tal:block tal:replace="nothing">
+							##### Fk ###############################################################
 							</tal:block>
-							</select>
-						</div><!-- .pull-left -->
-						<div class="pull-left">
-							<div class="btn-group-vertical" 
-								tal:on-error="python:'ERROR: %s'%str(metaObjAttr)">
-								<a class="btn btn-primary" href="javascript:;" tal:attributes="onclick python:'$ZMI.iframe(\'%s/manage_zmi_lazy_select_form\',{id:\'%s\',qentity:\'%s\',\'primary_key\':\'%s\',\'qcolumns:list\':\'%s\',\'actions:list\':\'multiselect\'},{iframe:true,height:400,title:getZMILangStr(\'BTN_INSERT\')+\': %s\'})'%(here.absolute_url(),metaObjAttr['id'],metaObjAttr['dst']['fk']['tablename'],str(metaObjAttr['dst']['fk']['fieldname']).replace('\'','\\\''),str(metaObjAttr['dst']['fk']['displayfield']).replace('\'','\\\''),elLabel);title python:here.getZMILangStr('BTN_ADD')"
-									><i class="fas fa-plus-square"></i></a>
-								<a class="btn btn-secondary" href="javascript:;" tal:attributes="onclick python:'$ZMI.removeFromMultiselect(document.getElementById(\'%s\'))'%elName; title python:here.getZMILangStr('BTN_DELETE');" 
-									><i class="fas fa-minus-square text-danger"></i></a>
-							</div><!-- .btn-group -->
-						</div><!-- .pull-left -->
-						<div class="clearfix"></div><!-- .clearfix -->
-					</tal:block>
-					<tal:block tal:condition="not:python:metaObjAttr['multiselect'].get('lazy')">
-						<tal:block tal:content="structure python:here.zmi_input_multiselect(here,name=elName,value=metaObjAttr['value'],lang_str=elLabel,options=metaObjAttr['options'])">the control</tal:block>
-					</tal:block>
-					<tal:block tal:define="dummy0 python:done.append(True)"></tal:block>
-				</div>
+							<div class="col-sm-9 col-md-10 ZMSSqlDbForm-fk" tal:condition="python:not done and metaObjAttr.get('fk') not in ['',None]">
+								<tal:block tal:define="
+									tablename python:metaObjAttr['fk'].get('tablename','');
+									fieldname python:str(metaObjAttr['fk'].get('fieldname','')).replace('\'','\\\'');
+									displayfield python:str(metaObjAttr['fk'].get('displayfield','')).replace('\'','\\\'');">
+									<tal:block tal:condition="python:metaObjAttr['fk'].get('lazy')">
+										<tal:block tal:repeat="option python:[(metaObjAttr['options']+[['','']])[0]]">
+											<div class="input-group">
+												<input class="lazy" type="hidden" tal:attributes="id metaObjAttr/id; name elName; value python:option[0]"/>
+												<input class="form-control" type="text" tal:attributes="id python:'label_%s'%(elName); value python:option[1]" disabled="disabled"/>
+												<div class="input-group-append" tal:define="actions python:['select']+[[],['insert']][int(metaObjAttr['fk'].get('editable',0))]">
+													<a class="btn btn-secondary" href="javascript:;" 
+														tal:attributes="onclick python:'$ZMI.iframe(\'%s/manage_zmi_lazy_select_form\',{id:\'%s\',qentity:\'%s\',\'primary_key\':\'%s\',\'qcolumns:list\':\'%s\',\'actions\':\'%s\'},{iframe:true,height:400,title:getZMILangStr(\'BTN_SELECT\')+\': %s\'})'%(here.absolute_url(),metaObjAttr['id'],tablename,fieldname,displayfield,','.join(actions),elLabel)" 
+														><i class="fas fa-pencil-alt"></i></a>
+												</div>
+											</div>
+										</tal:block>
+									</tal:block>
+									<tal:block tal:condition="python:metaObjAttr['fk'].get('editable') and not metaObjAttr['fk'].get('lazy')">
+										<tal:block tal:define="
+												pk python:here.getEntityPK(tablename); 
+												displayValue python:(here.query('SELECT %s AS displayfield FROM %s WHERE %s=%s'%(displayfield,tablename,pk,here.sql_quote__(tablename,pk,elValue)),encoding=encoding)['records']+[{'displayfield':''}])[0]['displayfield']">
+											<tal:block tal:content="structure python:here.zmi_input_autocomplete(here,name=elName,value=displayValue,lang_str=elLabel,type='autocomplete',ajax_url='ajaxGetObjOptions',obj_id=tablename,attr_id=displayfield)">the control</tal:block>
+										</tal:block>
+									</tal:block>
+									<tal:block tal:condition="python:not metaObjAttr['fk'].get('editable') and not metaObjAttr['fk'].get('lazy')">
+										<tal:block tal:content="structure python:here.zmi_input_select(here,name=elName,value=elValue,lang_str=elLabel,options=metaObjAttr['options'])">the control</tal:block>
+									</tal:block>
+									<tal:block tal:define="dummy0 python:done.append(True)"></tal:block>
+								</tal:block>
+							</div>
 
-				<tal:block tal:replace="nothing">
-				##### Multimultiselect #################################################
-				</tal:block>
-				<div class="col-sm-9 col-md-10 ZMSSqlDbForm-multimultiselect" 
-					tal:condition="python:not done and metaObjAttr.get('multimultiselect') not in ['',None]">
-					<tal:block tal:define="global
-							elName python:'%s_%s'%(metaObjAttr['multimultiselect']['tablename'],metaObjAttr['multimultiselect']['fk']);
-							items python:metaObjAttr['multimultiselect'].get('tables',[])">
-						<div class="input-group" style="background-color:#eaedef;">
-							<div class="control-group" tal:repeat="item items">
-								<tal:block tal:define="global i python:items.index(item)">
-									<div tal:condition="python:item.get('lazy')"
-										class="input-group" tal:attributes="class python:' '.join(['input-group']+[[],['mandatory']][int(item.get('nullable') not in ['',None])])">
-										<input class="lazy" type="hidden" tal:attributes="id python:'%s%i'%(elName,i); name python:'%s%i'%(elName,i)"/>
-										<input class="form-control" type="text" tal:attributes="id python:'label_%s%i'%(elName,i); name python:'label_%s%i'%(elName,i)" disabled="disabled"/>
-										<span class="btn btn-secondary" 
-											tal:attributes="onclick python:'$ZMI.iframe(\'%s/manage_zmi_lazy_select_form\',{id:\'%s\',qentity:\'%s\',\'primary_key\':\'%s\',\'qcolumns:list\':\'%s\',\'actions:list\':\'select\'},{iframe:true,height:400,title:getZMILangStr(\'BTN_SELECT\')+\': %s\'})'%(here.absolute_url()
-												,'%s%i'%(elName,i)
-												,item['tablename'].lower()
-												,item['fieldname'].lower().replace('%s.'%item['tablename'].lower(),'').replace('\'','\\\'')
-												,item['displayfield'].lower().replace('%s.'%item['tablename'].lower(),'').replace('\'','\\\'')
-												,elLabel)"
-										><i class="fas fa-pencil-alt"></i></span>
-									</div>
-									<div tal:condition="not:python:item.get('lazy')">
-										<tal:block tal:content="structure python:here.zmi_input_select(here,name='%s%i'%(elName,i),value=None,lang_str=item['label'],options=metaObjAttr['multimultiselect']['options'][item['tablename']])">the control</tal:block>
-									</div>
+							<tal:block tal:replace="nothing">
+							##### Multiselect ######################################################
+							</tal:block>
+							<div class="col-sm-9 col-md-10 ZMSSqlDbForm-multiselect" tal:condition="python:not done and metaObjAttr.get('multiselect') not in ['',None]">
+								<tal:block tal:repeat="value metaObjAttr/value">
+									<input type="hidden" tal:attributes="name python:'old_%s:list'%elName; value value"/>
 								</tal:block>
-							</div><!-- .pull-left -->
-							<span class="btn btn-secondary" tal:attributes="onclick python:'zmiMultimultiselect(\'%s\')'%metaObjAttr['id']"><i class="fas fa-plus"></i></span>
-							<span class="btn btn-secondary" tal:attributes="onclick python:'$ZMI.removeFromMultiselect(document.getElementById(\'%s\'))'%metaObjAttr['id']"><i class="fas fa-minus"></i></span>
-						</div><!-- .input-group -->
-						<div class="control-group">
-							<select class="form-control form-on-submit-selected" tal:attributes="id python:metaObjAttr['id']; name python:'%s:list'%metaObjAttr['id']" multiple="multiple">
-								<tal:block tal:repeat="option metaObjAttr/value">
-									<option selected="selected" tal:attributes="value python:option[0]" selected="selected" tal:content="structure python:option[1]">the option</option>
+								<tal:block tal:condition="python:metaObjAttr['multiselect'].get('lazy')">
+									<div class="pull-left">
+										<select class="form-control form-on-submit-selected" tal:attributes="id elName; name python:'%s:list'%elName" multiple="multiple">
+										<tal:block tal:repeat="option metaObjAttr/options">
+											<option selected="selected" tal:attributes="value python:option[0]" tal:content="python:option[1]">the option</option>
+										</tal:block>
+										</select>
+									</div><!-- .pull-left -->
+									<div class="pull-left">
+										<div class="btn-group-vertical" 
+											tal:on-error="python:'ERROR: %s'%str(metaObjAttr)">
+											<a class="btn btn-primary" href="javascript:;" tal:attributes="onclick python:'$ZMI.iframe(\'%s/manage_zmi_lazy_select_form\',{id:\'%s\',qentity:\'%s\',\'primary_key\':\'%s\',\'qcolumns:list\':\'%s\',\'actions:list\':\'multiselect\'},{iframe:true,height:400,title:getZMILangStr(\'BTN_INSERT\')+\': %s\'})'%(here.absolute_url(),metaObjAttr['id'],metaObjAttr['dst']['fk']['tablename'],str(metaObjAttr['dst']['fk']['fieldname']).replace('\'','\\\''),str(metaObjAttr['dst']['fk']['displayfield']).replace('\'','\\\''),elLabel);title python:here.getZMILangStr('BTN_ADD')"
+												><i class="fas fa-plus-square"></i></a>
+											<a class="btn btn-secondary" href="javascript:;" tal:attributes="onclick python:'$ZMI.removeFromMultiselect(document.getElementById(\'%s\'))'%elName; title python:here.getZMILangStr('BTN_DELETE');" 
+												><i class="fas fa-minus-square text-danger"></i></a>
+										</div><!-- .btn-group -->
+									</div><!-- .pull-left -->
+									<div class="clearfix"></div><!-- .clearfix -->
 								</tal:block>
-							</select>
-						</div><!-- .control-group -->
-						<div class="clearfix"></div><!-- .clearfix -->
-					</tal:block>
-					<tal:block tal:define="dummy0 python:done.append(True)"></tal:block>
-				</div>
+								<tal:block tal:condition="not:python:metaObjAttr['multiselect'].get('lazy')">
+									<tal:block tal:content="structure python:here.zmi_input_multiselect(here,name=elName,value=metaObjAttr['value'],lang_str=elLabel,options=metaObjAttr['options'])">the control</tal:block>
+								</tal:block>
+								<tal:block tal:define="dummy0 python:done.append(True)"></tal:block>
+							</div>
 
-				<tal:block tal:replace="nothing">
-				##### Default ##########################################################
-				</tal:block>
-				<div class="col-sm-9 col-md-10 ZMSSqlDbForm-default" tal:condition="python:not done">
-					<tal:block tal:content="structure python:here.getObjAttrInput(fmName='form0',obj_attr=metaObjAttr,value=metaObjAttr.get('value',elValue),REQUEST=request)">the control</tal:block>
-					<tal:block tal:define="dummy0 python:done.append(True)"></tal:block>
-				</div>
+							<tal:block tal:replace="nothing">
+							##### Multimultiselect #################################################
+							</tal:block>
+							<div class="col-sm-9 col-md-10 ZMSSqlDbForm-multimultiselect" 
+								tal:condition="python:not done and metaObjAttr.get('multimultiselect') not in ['',None]">
+								<tal:block tal:define="global
+										elName python:'%s_%s'%(metaObjAttr['multimultiselect']['tablename'],metaObjAttr['multimultiselect']['fk']);
+										items python:metaObjAttr['multimultiselect'].get('tables',[])">
+									<div class="input-group" style="background-color:#eaedef;">
+										<div class="control-group" tal:repeat="item items">
+											<tal:block tal:define="global i python:items.index(item)">
+												<div tal:condition="python:item.get('lazy')"
+													class="input-group" tal:attributes="class python:' '.join(['input-group']+[[],['mandatory']][int(item.get('nullable') not in ['',None])])">
+													<input class="lazy" type="hidden" tal:attributes="id python:'%s%i'%(elName,i); name python:'%s%i'%(elName,i)"/>
+													<input class="form-control" type="text" tal:attributes="id python:'label_%s%i'%(elName,i); name python:'label_%s%i'%(elName,i)" disabled="disabled"/>
+													<span class="btn btn-secondary" 
+														tal:attributes="onclick python:'$ZMI.iframe(\'%s/manage_zmi_lazy_select_form\',{id:\'%s\',qentity:\'%s\',\'primary_key\':\'%s\',\'qcolumns:list\':\'%s\',\'actions:list\':\'select\'},{iframe:true,height:400,title:getZMILangStr(\'BTN_SELECT\')+\': %s\'})'%(here.absolute_url()
+															,'%s%i'%(elName,i)
+															,item['tablename'].lower()
+															,item['fieldname'].lower().replace('%s.'%item['tablename'].lower(),'').replace('\'','\\\'')
+															,item['displayfield'].lower().replace('%s.'%item['tablename'].lower(),'').replace('\'','\\\'')
+															,elLabel)"
+													><i class="fas fa-pencil-alt"></i></span>
+												</div>
+												<div tal:condition="not:python:item.get('lazy')">
+													<tal:block tal:content="structure python:here.zmi_input_select(here,name='%s%i'%(elName,i),value=None,lang_str=item['label'],options=metaObjAttr['multimultiselect']['options'][item['tablename']])">the control</tal:block>
+												</div>
+											</tal:block>
+										</div><!-- .pull-left -->
+										<span class="btn btn-secondary" tal:attributes="onclick python:'zmiMultimultiselect(\'%s\')'%metaObjAttr['id']"><i class="fas fa-plus"></i></span>
+										<span class="btn btn-secondary" tal:attributes="onclick python:'$ZMI.removeFromMultiselect(document.getElementById(\'%s\'))'%metaObjAttr['id']"><i class="fas fa-minus"></i></span>
+									</div><!-- .input-group -->
+									<div class="control-group">
+										<select class="form-control form-on-submit-selected" tal:attributes="id python:metaObjAttr['id']; name python:'%s:list'%metaObjAttr['id']" multiple="multiple">
+											<tal:block tal:repeat="option metaObjAttr/value">
+												<option selected="selected" tal:attributes="value python:option[0]" selected="selected" tal:content="structure python:option[1]">the option</option>
+											</tal:block>
+										</select>
+									</div><!-- .control-group -->
+									<div class="clearfix"></div><!-- .clearfix -->
+								</tal:block>
+								<tal:block tal:define="dummy0 python:done.append(True)"></tal:block>
+							</div>
 
-			</div>
+							<tal:block tal:replace="nothing">
+							##### Default ##########################################################
+							</tal:block>
+							<div class="col-sm-9 col-md-10 ZMSSqlDbForm-default" tal:condition="python:not done">
+								<tal:block tal:content="structure python:here.getObjAttrInput(fmName='form0',obj_attr=metaObjAttr,value=metaObjAttr.get('value',elValue),REQUEST=request)">the control</tal:block>
+								<tal:block tal:define="dummy0 python:done.append(True)"></tal:block>
+							</div>
 
-			<tal:block tal:replace="nothing">
-			##### Password (Confirm) #################################################
-				</tal:block>
-			<div tal:condition="python:column['id'].lower() not in request_form_inherit and metaObjAttr.get('password') in ['1',1,'True',True]" class="form-group row" tal:define="global done python:[]" tal:attributes="id python:'tr_%s'%(elName)">
-				<label for="confirm" class="col-sm-3 col-md-2 control-label">
-					<span tal:content="python:here.getZMILangStr('ATTR_CONFIRM')">the label</span>
-				</label>
-				<div class="col-sm-9 col-md-10">
-					<input class="form-control" type="password" name="confirm" value="******"/>
-				</div>
-			</div>
+						</div>
 
-			</tal:block>
-			</tal:block>
-		</tal:block>
+						<tal:block tal:replace="nothing">
+						##### Password (Confirm) #################################################
+						</tal:block>
+						<div tal:condition="python:column['id'].lower() not in request_form_inherit and metaObjAttr.get('password') in ['1',1,'True',True]" class="form-group row" tal:define="global done python:[]" tal:attributes="id python:'tr_%s'%(elName)">
+							<label for="confirm" class="col-sm-3 col-md-2 control-label">
+								<span tal:content="python:here.getZMILangStr('ATTR_CONFIRM')">the label</span>
+							</label>
+							<div class="col-sm-9 col-md-10">
+								<input class="form-control" type="password" name="confirm" value="******"/>
+							</div>
+						</div>
 
-			<div class="form-group row">
-				<div class="controls save">
-					<dialog tal:replace="nothing"
-						id="menulock_btn" class="btn" title="Menu Lock: Stay in the menu after clicking the save button." 
-						onclick="$('#menulock').val($('#menulock').val()==0?1:0);$ZMILocalStorageAPI.set('ZMS.menulock',$('#menulock').val())">
-						<input type="hidden" id="menulock" name="menulock:int" value="0" />
-						<i id="menulock_icon" class="fas fa-thumbtack"></i>
-					</dialog>
-					<button type="submit" name="btn" class="btn btn-primary" 
-						value="BTN_SAVE" 
-						tal:content="python:here.getZMILangStr('BTN_SAVE')">
-						Save
-					</button>
-					<button type="submit" name="btn" class="btn btn-secondary" 
-						value="BTN_CANCEL" 
-						tal:content="python:here.getZMILangStr('BTN_CANCEL')">
-						Cancel
-					</button>
-				</div>
-			</div><!-- .form-group -->
+						</tal:block>
+					</tal:block>
+				</tal:block>
+
+				<div class="form-row">
+					<div class="controls save">
+						<div tal:replace="nothing" 
+							class="form-check form-check-inline align-middle" 
+							title="Menu Lock: Stay in the menu after clicking the save button.">
+							<input type="checkbox" id="menulock" name="menulock:int" onclick="$ZMILocalStorageAPI.set('ZMS.menulock',this.checked)" value="1" /><i class="fas fa-lock pl-2"></i>
+						</div>
+						<button type="submit" name="btn" class="btn btn-primary" value="BTN_SAVE" tal:content="python:here.getZMILangStr('BTN_SAVE')">Save</button>
+						<button type="submit" name="btn" class="btn btn-secondary" value="BTN_CANCEL" tal:content="python:here.getZMILangStr('BTN_CANCEL')">Cancel</button>
+					</div>
+				</div><!-- .form-row -->
 
-		</div><!-- card-body -->
-	</div><!-- .card -->
+			</div><!-- card-body -->
+		</div><!-- .card -->
 
-</form><!-- .form-horizontal -->
+	</form><!-- .form-horizontal -->
 
 	<div style="margin-top:1em" class="col-sm-12" tal:condition="python:action!='insert'"
 		><tal:block tal:repeat="column entity/columns"
diff --git a/Products/zms/zpt/ZMSSqlDb/main.zpt b/Products/zms/zpt/ZMSSqlDb/main.zpt
new file mode 100644
index 000000000..2b1f64d02
--- /dev/null
+++ b/Products/zms/zpt/ZMSSqlDb/main.zpt
@@ -0,0 +1,127 @@
+<tal:block tal:define="standard modules/Products.zms/standard;
+	zmscontext python:here.getSelf();
+	entities python:here.getEntities();
+	tables python:[x for x in entities if x['type'].upper()=='TABLE'];
+	SESSION request/SESSION;
+	dummy0 python:request.set('qsize',request.get('qsize',standard.get_session_value(here,'qsize_%s'%here.id,20)));
+	dummy0 python:request.set('qfilters',request.get('qfilters',standard.get_session_value(here,'qfilters_%s'%here.id,1)));
+	dummy0 python:request.set('qindex',request.get('qindex',standard.get_session_value(here,'qindex_%s'%here.id,-1)));
+	dummy0 python:SESSION.set('qsize_%s'%here.id,request.get('qsize'));
+	dummy0 python:SESSION.set('qfilters_%s'%here.id,request.get('qfilters'));
+	dummy0 python:SESSION.set('qindex_%s'%here.id,request.get('qindex'));
+	dummy0 python:here.recordSet_Init(request);
+	dummy0 python:here.recordSet_Filter(request);
+	dummy0 python:here.recordSet_Sort(request);
+	pageSize python:request.get('qsize',20);
+	pageIndex python:request.get('pageIndex',0);
+	pageStart python:pageIndex*pageSize;">
+
+	<tal:block tal:condition="tables">
+
+		<tal:block tal:define="global
+			sessqentitykey python:'qentity_%s'%here.id;
+			sessqfilterskey python:'qfilters_%s'%id;
+			entity python:[x for x in tables if x['id']==request['qentity']][0];
+			primary_key python:here.getEntityPK(entity['id']);
+			encoding python:getattr(here,'charset','utf-8');
+			metaObjAttrIds python:[];
+			metaObjAttrs python:[];
+			res python:[];
+			resSlctStmnt python:''.join(request.get('sqlStatement',[]))+' LIMIT %s OFFSET %s'%(str(pageSize),str(pageStart));
+			cntSlctStmnt python:standard.re_sub('^(SELECT (.*?) FROM)','SELECT COUNT(*) AS rcount FROM',resSlctStmnt[:resSlctStmnt.find('ORDER BY')]);
+			row_count python:here.query(cntSlctStmnt)['records'][0]['rcount']">
+
+			<tal:block tal:define="global
+				query python:here.query(resSlctStmnt,encoding=encoding);
+				dummy0 python:metaObjAttrIds.extend([x['id'] for x in entity['columns']]);
+				dummy0 python:metaObjAttrs.extend([here.getEntityColumn(entity['id'],x) for x in metaObjAttrIds]);
+				dummy0 python:res.extend(query['records'])">
+			</tal:block>
+
+			<tal:block tal:condition="python:(request.get('action') in ['delete']) or (request.get('action') in ['insert','update'] and request.get('btn')=='BTN_SAVE')">
+				<tal:block tal:define="
+						message python:[];
+						values python:{}">
+					<tal:block tal:repeat="column python:entity['columns']">
+						<tal:block tal:define="dummy0 python:here.operator_setitem(values,['','blob_'][int('blob' in column)]+column['id'],request.get(column['id'].lower(),None))"></tal:block>
+						<tal:block tal:condition="python:'blob' in column and int(request.get('del_%s'%column['id'].lower(),0))==1"><tal:block tal:define="dummy0 python:here.operator_setitem(values,'delete_blob_%s'%column['id'],True)"></tal:block></tal:block>
+					</tal:block>
+					<tal:block tal:condition="python:request.get('action') in ['insert']">
+						<tal:block tal:content="python:here.recordSet_Insert(tablename=entity['id'],values=values, update_intersections=True)"
+								tal:define="dummy0 python:message.append(here.getZMILangStr('MSG_INSERTED')%here.getZMILangStr('ATTR_RECORD'))"></tal:block>
+					</tal:block>
+					<tal:block tal:condition="python:request.get('action') in ['update']">
+						<tal:block tal:content="python:here.recordSet_Update(tablename=entity['id'],rowid=request['rowid'],values=values, update_intersections=True)"
+								tal:define="dummy0 python:message.append(here.getZMILangStr('MSG_CHANGED'))"></tal:block>
+					</tal:block>
+					<tal:block tal:condition="python:request.get('action') in ['delete']">
+						<tal:block tal:repeat="rowid python:request.get('qindices',[request['qindex']])">
+							<tal:block tal:content="python:here.recordSet_Delete(tablename=entity['id'],rowid=rowid)"
+								tal:define="dummy0 python:message.append(here.getZMILangStr('MSG_DELETED')%1)"></tal:block>
+						</tal:block>
+					</tal:block>
+					<tal:block tal:define="dummy0 python:request.RESPONSE.redirect(here.url_append_params(request['URL'],{
+								'lang':request['lang'],
+								'manage_tabs_message':'<br>'.join(message),
+							}))">
+					</tal:block>
+				</tal:block>
+			</tal:block>
+
+			<tal:block tal:condition="python:request.get('action') not in ['noFilterForm','updateForm','insertForm']">
+				<tal:block tal:content="structure python:here.zmi_filter_form(
+					entity=entity,
+					tables=tables,
+					resSlctStmnt=resSlctStmnt)">
+					Filter Form
+				</tal:block>
+			</tal:block>
+			<tal:block tal:condition="python:request.get('action') not in ['noGridForm','updateForm','insertForm']">
+				<tal:block tal:define="
+					dummy0 python:[here.operator_setitem(x,'name',x['label']) for x in metaObjAttrs];
+					colNames python:[x['id'] for x in metaObjAttrs if x.get('hide',0) == 0]">
+					<tal:block tal:content="structure python:here.metaobj_recordset_main_grid(
+						metaObjAttrIds=metaObjAttrIds,
+						metaObjAttrs=metaObjAttrs,
+						records=res,
+						size=row_count,
+						total=row_count,
+						offset=0,
+						filtered=True,
+						form_action=request['URL'],
+						url_params={'qentity':request.get('qentity')},
+						record_handler=here.getEntityRecordHandler(entity['id'],['blob'],colNames))">
+						metaobj_recordset_main_grid
+					</tal:block>
+				</tal:block>
+			</tal:block>
+
+			<tal:block tal:condition="python:request.get('action')=='updateForm'">
+				<tal:block tal:define="
+					sql python:here.recordSet_Select(tablename=entity['id'],select='*',where='%s=%s'%(primary_key,here.sql_quote__(entity['id'],primary_key,request['rowid'])));
+					row python:here.query(sql,encoding=encoding)['records'][0]">
+					<tal:block tal:content="structure 
+						python:here.zmi_input_form(
+							entity=entity,
+							action='update',
+							qindex=request['qindex'],
+							rowid=request['rowid'],
+							row=row)">
+						metaobj_recordset_input_fields
+					</tal:block>
+				</tal:block>
+			</tal:block>
+
+			<tal:block tal:condition="python:request.get('action')=='insertForm'" tal:content="structure 
+				python:here.zmi_input_form(
+					entity=entity,
+					action='insert',
+					qindex=-1,
+					rowid=-1,
+					row={})">
+				metaobj_recordset_input_fields
+			</tal:block>
+
+		</tal:block>
+	</tal:block>
+</tal:block>
diff --git a/Products/zms/zpt/ZMSSqlDb/manage_configuration.zpt b/Products/zms/zpt/ZMSSqlDb/manage_configuration.zpt
index d8cbf2148..1986377ed 100644
--- a/Products/zms/zpt/ZMSSqlDb/manage_configuration.zpt
+++ b/Products/zms/zpt/ZMSSqlDb/manage_configuration.zpt
@@ -282,10 +282,10 @@ function mms_normalize_rows(el_tbody) {
 									<tal:block tal:on-error="python:'ERROR'" tal:define="global
 											intersection python:here.getEntity(column['multiselect']['tablename']);
 											dst python:[x for x in intersection['columns'] if x.get('fk') is not None and x.get('fk',{}).get('tablename')!=table['id']][0];
-											dstentity python:here.getEntity(dst['fk']['tablename']);
+											dstentity python:dst['fk'].get('tablename') and here.getEntity(dst['fk']['tablename']) or {'id':'Details tablename not found'}
 											">
 										<i class="fas fa-long-arrow-alt-right" tal:attributes="title python:dst['id']"></i>
-										<i class="fas fa-th"></i>
+										<i class="fas fa-th" tal:attributes="title dst"></i>
 										<tal:block tal:content="dstentity/id">the details-tablename</tal:block>
 									</tal:block>
 								</span>
@@ -298,10 +298,10 @@ function mms_normalize_rows(el_tbody) {
 									<tal:block tal:on-error="python:'ERROR'" tal:define="global
 											intersection python:here.getEntity(column['details']['tablename']);
 											dst python:[x for x in intersection['columns'] if x.get('fk') is not None and x.get('fk',{}).get('tablename')!=table['id']][0];
-											dstentity python:here.getEntity(dst['fk']['tablename']);
+											dstentity python:dst['fk'].get('tablename') and here.getEntity(dst['fk']['tablename']) or {'id':'Details tablename not found'}
 											">
 										<i class="fas fa-long-arrow-alt-right" tal:attributes="title python:dst['id']"></i>
-										<i class="fas fa-th"></i>
+										<i class="fas fa-th" tal:attributes="title dst"></i>
 										<tal:block tal:content="dstentity/id">the details-tablename</tal:block>
 									</tal:block>
 								</span>
diff --git a/Products/zms/zpt/ZMSSqlDb/manage_main.zpt b/Products/zms/zpt/ZMSSqlDb/manage_main.zpt
index e241d671b..9d26108ea 100644
--- a/Products/zms/zpt/ZMSSqlDb/manage_main.zpt
+++ b/Products/zms/zpt/ZMSSqlDb/manage_main.zpt
@@ -1,250 +1,17 @@
 <!DOCTYPE html>
-<html lang="en" tal:define="
-	dummy0 python:here.zmi_page_request(here,request);
-	zmscontext python:here.getSelf();
-	standard modules/Products.zms/standard">
-<head tal:replace="structure python:here.zmi_html_head(here,request)">zmi_html_head</head>
-<body tal:attributes="
-	data-path python:here.getRootElement().getRefObjPath(here);
-	data-root python:here.getRootElement().getHome().id;
-	data-client python:here.getHome().id;
-	data-level python:here.getLevel();
-	id python:'zmsid_%s'%(here.id);
-	class python:here.zmi_body_class(id='properties')">
-<header tal:replace="structure python:here.zmi_body_header(here,request)">zmi_body_header</header>
-<div id="zmi-tab">
-<tal:block tal:content="structure python:here.zmi_breadcrumbs(here,request)">zmi_breadcrumbs</tal:block>
-
-<tal:block tal:define="global
-	entities python:here.getEntities();
-	tables python:[x for x in entities if x['type'].upper()=='TABLE'];
-	SESSION request/SESSION;
-	dummy0 python:request.set('qsize',request.get('qsize',standard.get_session_value(here,'qsize_%s'%here.id,20)));
-	dummy0 python:request.set('qfilters',request.get('qfilters',standard.get_session_value(here,'qfilters_%s'%here.id,1)));
-	dummy0 python:request.set('qindex',request.get('qindex',standard.get_session_value(here,'qindex_%s'%here.id,-1)));
-	dummy0 python:SESSION.set('qsize_%s'%here.id,request.get('qsize'));
-	dummy0 python:SESSION.set('qfilters_%s'%here.id,request.get('qfilters'));
-	dummy0 python:SESSION.set('qindex_%s'%here.id,request.get('qindex'));
-	dummy0 python:here.recordSet_Init(request);
-	dummy0 python:here.recordSet_Filter(request);
-	dummy0 python:here.recordSet_Sort(request);
-	pageSize python:request.get('qsize',20);
-	pageIndex python:request.get('pageIndex',0);
-	pageStart python:pageIndex*pageSize;
-	">
-
-<tal:block tal:condition="tables">
-
-<tal:block tal:define="global
-	sessqentitykey python:'qentity_%s'%here.id;
-	sessqfilterskey python:'qfilters_%s'%id;
-	entity python:[x for x in tables if x['id']==request['qentity']][0];
-	primary_key python:here.getEntityPK(entity['id']);
-	encoding python:getattr(here,'charset','utf-8');
-	metaObjAttrIds python:[];
-	metaObjAttrs python:[];
-	res python:[];
-	resSlctStmnt python:''.join(request.get('sqlStatement',[]))+' LIMIT %s OFFSET %s'%(str(pageSize),str(pageStart));
-	cntSlctStmnt python:standard.re_sub('^(SELECT (.*?) FROM)','SELECT COUNT(*) AS rcount FROM',resSlctStmnt[:resSlctStmnt.find('ORDER BY')]);
-	row_count python:here.query(cntSlctStmnt)['records'][0]['rcount']">
-
-	<tal:block tal:define="global
-		query python:here.query(resSlctStmnt,encoding=encoding);
-		dummy0 python:metaObjAttrIds.extend([x['id'] for x in entity['columns']]);
-		dummy0 python:metaObjAttrs.extend([here.getEntityColumn(entity['id'],x) for x in metaObjAttrIds]);
-		dummy0 python:res.extend(query['records'])">
-	</tal:block>
-
-<tal:block tal:condition="python:
-	(request.get('action') in ['delete']) or (request.get('action') in ['insert','update'] and request.get('btn')=='BTN_SAVE')">
-	<tal:block tal:define="
-			message python:[];
-			values python:{}">
-		<tal:block tal:repeat="column python:entity['columns']">
-			<tal:block tal:define="dummy0 python:here.operator_setitem(values,['','blob_'][int('blob' in column)]+column['id'],request.get(column['id'].lower(),None))"></tal:block>
-			<tal:block tal:condition="python:'blob' in column and int(request.get('del_%s'%column['id'].lower(),0))==1"><tal:block tal:define="dummy0 python:here.operator_setitem(values,'delete_blob_%s'%column['id'],True)"></tal:block></tal:block>
-		</tal:block>
-		<tal:block tal:condition="python:request.get('action') in ['insert']">
-			recordSet_Insert=<tal:block tal:content="python:here.recordSet_Insert(tablename=entity['id'],values=values, update_intersections=True)"
-					tal:define="dummy0 python:message.append(here.getZMILangStr('MSG_INSERTED')%here.getZMILangStr('ATTR_RECORD'))"></tal:block>
-		</tal:block>
-		<tal:block tal:condition="python:request.get('action') in ['update']">
-			recordSet_Update=<tal:block tal:content="python:here.recordSet_Update(tablename=entity['id'],rowid=request['rowid'],values=values, update_intersections=True)"
-					tal:define="dummy0 python:message.append(here.getZMILangStr('MSG_CHANGED'))"></tal:block>
-		</tal:block>
-		<tal:block tal:condition="python:request.get('action') in ['delete']">
-			<tal:block tal:repeat="rowid python:request.get('qindices',[request['qindex']])">
-				recordSet_Delete=<tal:block tal:content="python:here.recordSet_Delete(tablename=entity['id'],rowid=rowid)"
-					tal:define="dummy0 python:message.append(here.getZMILangStr('MSG_DELETED')%1)"></tal:block>
-			</tal:block>
-		</tal:block>
-		<tal:block tal:define="dummy0 python:request.RESPONSE.redirect(here.url_append_params(request['URL'],{
-					'lang':request['lang'],
-					'manage_tabs_message':'<br>'.join(message),
-				}))">
-		</tal:block>
-	</tal:block>
-</tal:block>
-
-<tal:block tal:condition="python:request.get('action') not in ['updateForm','insertForm']">
-
-<form method="get" class="form-horizontal" tal:define="filter_columns python:[x for x in entity['columns'] if len(standard.intersection_list(['blob','details','multiselect','multimultiselect'],list(x)))==0]">
-	<input type="hidden" name="lang" tal:attributes="value request/lang">
-	<input type="hidden" name="preview" tal:attributes="value request/preview">
-	<input tal:condition="python:'qorder' in request" type="hidden" name="qorder" tal:attributes="value request/qorder">
-	<input tal:condition="python:'qorderdir' in request" type="hidden" name="qorderdir" tal:attributes="value request/qorderdir">
-	<div class="card">
-
-		<div class="card-header attr_last_modified clearfix btn-collapse">
-			<a class="btn card-toggle text-left" data-toggle="collapse" href="#attrActivity" aria-expanded="false"
-				><i class="fas fa-caret-right"></i> <tal:block tal:content="python:here.getZMILangStr('ATTR_ACTIVITY')">Activity</tal:block
-			></a>
-			<div class="btn zmi-changes">
-				<span tal:content="python:here.getZMILangStr('ATTR_LAST_MODIFIED')+' '+here.getLangFmtDate(here.attr('change_dt'))+' '+here.getZMILangStr('BY')+' '+here.attr('change_uid')">change_dt by change_uid</span>
-				<span title="Readme" tal:condition="python:here.attr('readme')" class="zmi-readme text-primary zmi-state" onclick="zmiModal('#readme',{title:$('#readme').attr('title')});return false"><i class="far fa-question-circle"></i></span>
-			</div>
-		</div><!-- .card-header -->
-		<div id="attrActivity" class="collapse">
-			<div class="card-body">
-				<tal:block tal:condition="python:here.attr('created_dt') and here.attr('created_uid')">
-					<span tal:content="python:'%s: %s %s %s'%(here.getZMILangStr('ATTR_CREATED'),here.getLangFmtDate(here.attr('created_dt')),here.getZMILangStr('BY'),here.attr('created_uid'))">Createad: %d.%m.%Y by %s</span>,
-				</tal:block>
-				<span title="This Node Contains ..." tal:content="python:'%i %s'%(len(here.getChildNodes(request)),here.getZMILangStr('ATTR_OBJECTS'))">%i Objects</span>,
-				<span title="Data Size" class="get_size" tal:content="python:here.getDataSizeStr(here.get_size())">%i Bytes</span>,
-				<span title="Unique ID" class="get_uid" tal:content="python:'ID:%s'%(here.get_uid())">unique-id</span>
-			</div><!-- .card-body -->
-		</div><!-- .collapse -->
-
-		<div class="card-header filters clearfix btn-collapse">
-			<a class="btn card-toggle pull-left py-2 mt-1 text-left" data-toggle="collapse" href="#attrProperties">
-				<i class="fas fa-caret-down"></i>
-				<tal:block tal:content="structure python:here.getZMILangStr('ATTR_FILTER')">the label</tal:block>
-			</a>
-			<div class="row">
-				<div class="col-sm-8 col-md-6 col-sm-8 col-lg-4 py-2">
-					<select class="form-control form-control-sm" id="qentity" name="qentity" onchange="this.form.submit()">
-						<tal:block tal:repeat="table tables">
-							<option tal:attributes="value table/id; selected python:['','selected'][int(table['id'].upper()==entity['id'].upper())]" tal:content="table/label">table</option>
-						</tal:block>
-					</select>
-				</div>
-			</div>
-			<input type="hidden" id="qfilters" name="qfilters:int" tal:attributes="value request/qfilters" />
-		</div><!-- .card-header -->
-
-		<div id="attrProperties" class="filters collapse show">
-			<div class="card-body">
-				<tal:block tal:repeat="filterIndex python:range(request.get('qfilters',1))">
-					<div tal:attributes="class python:' '.join(['form-row']+[[],['d-none']][int(filterIndex==request.get('qfilters',1))])">
-						<div class="form-group col-sm-5">
-							<select class="form-control form-control-sm" tal:attributes="name python:'filterattr%i'%filterIndex">
-								<option value="" tal:content="python:here.getZMILangStr('CAPTION_SELECT')">the option</option>
-								<tal:block tal:repeat="column python:[here.getEntityColumn(entity['id'],x['id']) for x in filter_columns]">
-									<option tal:attributes="value column/id; title column/type; selected python:['','selected'][int(column['id'].lower()==request.get('filterattr%i'%filterIndex,standard.get_session_value(here,'filterattr%i_%s'%(filterIndex,here.id),'')).lower())]" tal:content="column/label">column</option>
-								</tal:block>
-							</select>
-						</div>
-						<div class="form-group col-sm-2">
-							<select class="form-control form-control-sm" tal:attributes="name python:'filterop%i'%filterIndex">
-								<tal:block tal:repeat="op python:['LIKE','=','<','<=','>','>=','NULL','NOT NULL']">
-									<option tal:attributes="value python:op; selected python:['','selected'][op.lower()==request.get('filterop%i'%filterIndex, standard.get_session_value(here,'filterop%i_%s'%(filterIndex,here.id),'')).lower()]" tal:content="python:op">op</option>
-								</tal:block>
-							</select>
-						</div>
-						<div class="form-group col-sm-5">
-							<input class="form-control form-control-sm" type="text" tal:attributes="name python:'filtervalue%i'%filterIndex; value python:request.get('filtervalue%i'%filterIndex, standard.get_session_value(here,'filtervalue%i_%s'%(filterIndex,here.id),''))" />
-						</div>
-					</div><!-- .form-row -->
-				</tal:block>
-				<div class="controls text-left">
-					<button type="submit" id="btn-search" class="btn btn-primary" name="btn" value="BTN_REFRESH">
-						<i class="fas fa-search"></i>
-						<tal:block tal:content="python:here.getZMILangStr('BTN_SEARCH')">Search</tal:block>
-					</button>
-					<button type="submit" id="btn-reset" class="btn btn-secondary" name="btn" value="BTN_RESET">
-						<tal:block tal:content="python:here.getZMILangStr('BTN_RESET')">Reset</tal:block>
-					</button>
-					&nbsp;
-					<a href="javascript:;" onclick="$('#manage_main_div_sql').toggleClass('d-none')" title="Show SQL Code">
-						&middot;
-					</a>
-				</div><!-- .form-row -->
-				<div id="manage_main_div_sql" class="d-none well" style="padding:1em;margin: 1em 0 0 0;"><code tal:content="structure python:resSlctStmnt.replace('\n','<br>')">resSlctStmnt</code></div>
-			</div><!-- .card-body -->
-		</div><!-- .collapse -->
-	</div><!-- .card -->
-</form>
-<tal:block tal:define="
-	dummy0 python:[here.operator_setitem(x,'name',x['label']) for x in metaObjAttrs];
-	colNames python:[x['id'] for x in metaObjAttrs if x.get('hide',0) == 0]">
-	<tal:block tal:content="structure python:here.metaobj_recordset_main_grid(
-		metaObjAttrIds=metaObjAttrIds,
-		metaObjAttrs=metaObjAttrs,
-		records=res,
-		size=row_count,
-		total=row_count,
-		offset=0,
-		filtered=True,
-		form_action=request['URL'],
-		url_params={'qentity':request.get('qentity')},
-		record_handler=here.getEntityRecordHandler(entity['id'],['blob'],colNames))">
-		metaobj_recordset_main_grid
-	</tal:block>
-</tal:block>
-<!-- Readme: markdown formatted optional 'readme' resource attribute rendered as HTML -->
-<div id="readme" class="modal" 
-	tal:condition="readme"
-	tal:define="readme python:here.attr('readme'); 
-		readme_url python:'%s/%s.readme/manage_readme'%(here.content.metaobj_manager.absolute_url(),here.meta_id)"
-	tal:attributes="title python:here.meta_id; data-readme readme_url">
-	<script>
-	//<!--
-		$(function() {
-			$(window).on('show.bs.modal', function (event) { 
-				if ( $('#readme script').length > 0 ) {
-					$.get($('#readme').data('readme'),'',function(data) {
-						$('#readme').html(data);
-						// Needed for 1st show
-						$('#zmiModalreadme .modal-body').html(data);
-					});
-				}
-			});
-		});
-	//-->
-	</script>
-</div>
-</tal:block>
-
-<tal:block tal:condition="python:request.get('action')=='updateForm'">
-	<tal:block tal:define="
-		sql python:here.recordSet_Select(tablename=entity['id'],select='*',where='%s=%s'%(primary_key,here.sql_quote__(entity['id'],primary_key,request['rowid'])));
-		row python:here.query(sql,encoding=encoding)['records'][0]">
-		<tal:block tal:content="structure 
-			python:here.manage_zmi_input_form(
-				entity=entity,
-				action='update',
-				qindex=request['qindex'],
-				rowid=request['rowid'],
-				row=row)">
-			metaobj_recordset_input_fields
-		</tal:block>
-	</tal:block>
-</tal:block>
-<tal:block tal:condition="python:request.get('action')=='insertForm'" tal:content="structure 
-	python:here.manage_zmi_input_form(
-		entity=entity,
-		action='insert',
-		qindex=-1,
-		rowid=-1,
-		row={})">
-	metaobj_recordset_input_fields
-</tal:block>
-
-</tal:block>
-</tal:block>
-</tal:block>
-
-</div><!-- #zmi-tab -->
-<footer tal:replace="structure python:here.zmi_body_footer(here,request)">zmi_body_footer</footer>
-</body>
+<html lang="en" tal:define="dummy0 python:here.zmi_page_request(here,request)">
+	<head tal:replace="structure python:here.zmi_html_head(here,request)">zmi_html_head</head>
+	<body tal:attributes="
+		data-path python:here.getRootElement().getRefObjPath(here);
+		data-root python:here.getRootElement().getHome().id;
+		data-client python:here.getHome().id;
+		id python:'zmsid_%s'%(here.id);
+		class python:here.zmi_body_class(id='properties')">
+		<header tal:replace="structure python:here.zmi_body_header(here,request)">zmi_body_header</header>
+		<div id="zmi-tab">
+			<tal:block tal:content="structure python:here.zmi_breadcrumbs(here,request)">zmi_breadcrumbs</tal:block>
+			<tal:block tal:content="structure python:here.zmi_main(here,request)">zmi_main</tal:block>
+		</div><!-- #zmi-tab -->
+		<footer tal:replace="structure python:here.zmi_body_footer(here,request)">zmi_body_footer</footer>
+	</body>
 </html>
diff --git a/Products/zms/zpt/ZMSSqlDb/zmi_details_form.zpt b/Products/zms/zpt/ZMSSqlDb/zmi_details_form.zpt
index 1d69b6edb..493579dec 100644
--- a/Products/zms/zpt/ZMSSqlDb/zmi_details_form.zpt
+++ b/Products/zms/zpt/ZMSSqlDb/zmi_details_form.zpt
@@ -45,7 +45,7 @@
 </tal:block>
 
 <tal:block tal:condition="python:request.get('action')=='updateForm'">
-	<tal:block tal:content="structure python:here.manage_zmi_input_form(
+	<tal:block tal:content="structure python:here.zmi_input_form(
 			entity=entity,
 			action='update',
 			qindex=request['qindex'],
@@ -55,7 +55,7 @@
 		metaobj_recordset_input_fields
 	</tal:block>
 </tal:block>
-<tal:block tal:condition="python:request.get('action')=='insertForm'" tal:content="structure python:here.manage_zmi_input_form(
+<tal:block tal:condition="python:request.get('action')=='insertForm'" tal:content="structure python:here.zmi_input_form(
 			entity=entity,
 			action='insert',
 			qindex=-1,
diff --git a/docs/zmsobjectset_cookbook.md b/docs/zmsobjectset_cookbook.md
new file mode 100644
index 000000000..1f322796a
--- /dev/null
+++ b/docs/zmsobjectset_cookbook.md
@@ -0,0 +1,6 @@
+# ZMSObjectSet Cookbook
+## Introduction
+ZMSObjectSet provides a very flexible and powerful way to hold a large number of complex objects. 
+
+## Configuration
+ZMSObjectSet may contain miscellaneous different object-types.
\ No newline at end of file
diff --git a/docs/zmssqldb_3rdparty.md b/docs/zmssqldb_3rdparty.md
new file mode 100644
index 000000000..637d5859d
--- /dev/null
+++ b/docs/zmssqldb_3rdparty.md
@@ -0,0 +1,63 @@
+# Using ZMSSqlDb-Forms in 3rd-View
+
+## Prerequisites
+* Zope Database Adapter
+* ZMS SQL-Datasource for the Database Adapter
+* Permalink to ZMS SQL-Datasource with key ```db```
+
+## Assets
+Include Javascript (and CSS) from ZMI:
+
+*all*
+```html
+<script type="text/javascript" charset="UTF-8" src="/++resource++zms_/zms-all.min.js"></script>
+```
+
+*individual*
+```html
+<script type="text/javascript" charset="UTF-8" src="/++resource++zms_/jquery/plugin/jquery.plugin.js"></script>
+<script type="text/javascript" charset="UTF-8" src="/++resource++zms_/jquery/plugin/jquery.plugin.extensions.js"></script>
+<script type="text/javascript" charset="UTF-8" src="/++resource++zms_/zmi.core.js"></script>
+<script type="text/javascript" charset="UTF-8" src="/++resource++zms_/zmi.internal.js"></script>
+<script type="text/javascript" charset="UTF-8" src="/++resource++zms_/bootstrap/plugin/bootstrap.plugin.zmi.js"></script>
+```
+
+Initialize ZMI explicitly:
+
+```html
+<script>
+	$(function() {
+		$ZMI.runReady(); 
+	});
+</script>
+```
+
+## Grid
+Include Template with *noFilterForm* through ```zmi_main``` from datasource:
+
+```html
+<tal:block tal:define="standard modules/Products.zms/standard;
+        db python:here.getLinkObj(here.getConfProperty('ZMS.permalink.db'));
+        dummy0 python:request.set('qentity','employees');
+        dummy0 python:request.set('action',request.get('action','noFilterForm'));">
+    <tal:block tal:content="structure python:db.zmi_main(db,request)">zmi_main</tal:block>
+</tal:block>
+```
+
+## Form
+Include Template with *updateForm* through ```zmi_main``` from datasource:
+
+```html
+<tal:block tal:define="db python:here.getLinkObj(here.getConfProperty('ZMS.permalink.db'));
+        dummy0 python:request.set('qentity','employees');
+        dummy0 python:request.set('rowid',request.get('rowid',1));
+        dummy0 python:request.set('qexcludeids',['PHONE','FAX']);
+        dummy0 python:request.set('action',request.get('action','updateForm'));">
+    <tal:block tal:content="structure python:db.zmi_main(db,request)">zmi_main</tal:block>
+</tal:block>
+```
+## Save
+```TODO```
+
+## Links
+* [SQLite Sample Database](https://www.sqlitetutorial.net/sqlite-sample-database/)
\ No newline at end of file