holm/egroupware
1
1
Fork 0
forked from extern/egroupware
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Some layout changes to get autocomplete (link widget, select users) working in dialogs too

Browse Source
This commit is contained in:
Nathan Gray 2013-08-20 23:08:35 +00:00
parent 17e8d00054
commit c1be84c912
3 changed files with 17 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
etemplate/js/et2_widget_selectAccount.js
View File

@ -187,7 +187,9 @@ var et2_selectAccount = et2_selectbox.extend(
// Put search results as a DOM sibling of the options, for proper display
this.search_widget.search.on("autocompleteopen", jQuery.proxy(function() {
this.search_widget.search.data("ui-autocomplete").menu.element.appendTo(this.node);
this.search_widget.search.data("ui-autocomplete").menu.element
.appendTo(this.node)
.position({my: 'left top', at: 'left bottom', of: this.multiOptions.prev()})
},this));
this.search = jQuery(document.createElement("li"))
.appendTo(this.multiOptions.prev().find('ul'));

11
etemplate/js/et2_widget_selectbox.js
View File

@ -404,11 +404,14 @@ var et2_selectbox = et2_inputWidget.extend(
header.hide();
// Show / hide again
node.on('mouseenter focusin', function() {
node.on('mouseenter focusin', function(e) {
// Don't show if dragging goes over
if(e.which != 0) return;
header.show();
header.css("width", header.css("width"));
header.css("position", "absolute");
header.css("top", options.position().top - header.outerHeight());
header.css("width", options.innerWidth() - (header.outerWidth() - header.width()) + 'px');
header.css("position", "fixed");
header.css("top", options.offset().top - header.outerHeight());
});
node.on('mouseleave focusout', function() {if(hide_header) header.hide();});
}

7
etemplate/templates/default/etemplate2.css
View File

@ -471,6 +471,13 @@ action buttons, left aligned for "extra" controls
overflow-x: hidden;
}
/**
* Autocomplete in dialogs - fix so they go over/out of the dialog
*/
.ui-dialog * ul.ui-autocomplete {
position: fixed;
}
/**
* Link wiget(s)
*/