Ask Questions and Find Answers

hi 

same code, it's work on 6.2, it still work on 7.4 but there has issue on display

my code, same is example 3 from AUI Popup And AUI Modal Dialog In Liferay 7, in it's example 3, had same issue like this.

<aui:script >
	window.showEditSnmPrefixDialog = function(id) {
		AUI()
				.use(
						'aui-modal,aui-overlay-manager',
						function(A) {
							var modal = new A.Modal(
									{
										headerContent : '<h3><%=descriptionPrefixInfoEdit%></h3>',
										bodyContent : AUI().one('#<portlet:namespace />formContentDiv_'+ id),
										centered : true,
										modal : true,
										render : '#modal',
										zIndex : 1100,
										close : true,
										toolbars : {
											footer : [ {
												label : '<%=dialogCancel%>',
												on : {
													click : function() {
														modal.hide();
													}
												}
											} ]
										}
									}).render();

							var SNM_EDIT_ODM_RULE_ID = A.one('#<portlet:namespace />SNM_EDIT_ODM_RULE_ID_'+ id);
							SNM_EDIT_ODM_RULE_ID.on('change', function(event) {
								SNM_EDIT_ODM_RULE_ID.all('option:selected')
										.each(function(node) {
											<%=editSelectControlScript %>
										});
							});

						});
	}
</aui:script>

this script be called on action icon

It appears in the center of the screen, but, frst, the background will be pushed down. And when I change its size, the background will move at the same time, it's not normal. and i also try on different browser, same issue.

all funciton works.

can someone help? thanks in advance.