<?xml version="1.0" encoding="UTF-8"?>
<feed xmlns="http://www.w3.org/2005/Atom" xmlns:dc="http://purl.org/dc/elements/1.1/">
  <title>popup windows issue in 7.4</title>
  <link rel="self" href="https://liferay.dev/c/message_boards/find_thread?p_l_id=119785294&amp;threadId=121317367" />
  <subtitle>popup windows issue in 7.4</subtitle>
  <id>https://liferay.dev/c/message_boards/find_thread?p_l_id=119785294&amp;threadId=121317367</id>
  <updated>2026-04-04T17:40:11Z</updated>
  <dc:date>2026-04-04T17:40:11Z</dc:date>
  <entry>
    <title>popup windows issue in 7.4</title>
    <link rel="alternate" href="https://liferay.dev/c/message_boards/find_message?p_l_id=119785294&amp;messageId=121317366" />
    <author>
      <name>Scarletake Bwi</name>
    </author>
    <id>https://liferay.dev/c/message_boards/find_message?p_l_id=119785294&amp;messageId=121317366</id>
    <updated>2022-01-17T05:27:43Z</updated>
    <published>2022-01-05T07:24:58Z</published>
    <summary type="html">&lt;p&gt;hi &lt;/p&gt;
&lt;p&gt;same code, it's work on 6.2, it still work on 7.4 but there has issue
  on display&lt;/p&gt;
&lt;p&gt;my code, same is example 3 from &lt;a
    href="https://www.liferaystack.com/2017/09/aui-popup-and-aui-modal-dialog-in-liferay-7.html"&gt;AUI
    Popup And AUI Modal Dialog In Liferay 7&lt;/a&gt;, in it's example 3, had
  same issue like this.&lt;/p&gt;
&lt;pre&gt;
&lt;code class="language-java"&gt;&amp;lt;aui:script &amp;gt;
	window.showEditSnmPrefixDialog = function(id) {
		AUI()
				.use(
						'aui-modal,aui-overlay-manager',
						function(A) {
							var modal = new A.Modal(
									{
										headerContent : '&amp;lt;h3&amp;gt;&amp;lt;%=descriptionPrefixInfoEdit%&amp;gt;&amp;lt;/h3&amp;gt;',
										bodyContent : AUI().one('#&amp;lt;portlet:namespace /&amp;gt;formContentDiv_'+ id),
										centered : true,
										modal : true,
										render : '#modal',
										zIndex : 1100,
										close : true,
										toolbars : {
											footer : [ {
												label : '&amp;lt;%=dialogCancel%&amp;gt;',
												on : {
													click : function() {
														modal.hide();
													}
												}
											} ]
										}
									}).render();

							var SNM_EDIT_ODM_RULE_ID = A.one('#&amp;lt;portlet:namespace /&amp;gt;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) {
											&amp;lt;%=editSelectControlScript %&amp;gt;
										});
							});

						});
	}
&amp;lt;/aui:script&amp;gt;&lt;/code&gt;&lt;/pre&gt;
&lt;p&gt; &lt;/p&gt;
&lt;p&gt;this script be called on action icon&lt;/p&gt;
&lt;p&gt;
  &lt;img alt="" height="234"
    src="/documents/14/0/Image+6.png/63293ee3-c4d5-d47a-1a44-3912e568fa10?t=1641367080248&amp;amp;imagePreview=1" width="590" /&gt;&lt;/p&gt;
&lt;p&gt;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.&lt;/p&gt;
&lt;p&gt;all funciton works.&lt;/p&gt;
&lt;p&gt;can someone help? thanks in advance.&lt;/p&gt;
&lt;p&gt; &lt;/p&gt;
&lt;p&gt; &lt;/p&gt;
&lt;p&gt;
  &lt;img alt="" height="161"
    src="/documents/14/0/Image+1+%281%29.png/d4de54c9-7ad3-3ec4-329b-d94a7f9e83b2?t=1642396951945&amp;amp;imagePreview=1" width="396" /&gt;&lt;/p&gt;
&lt;p&gt;
  &lt;img alt="" height="298"
    src="/documents/14/0/Image+2+%281%29.png/f9c386a7-f4b7-8e92-4f68-87d4dfbc4ab6?t=1642396969926&amp;amp;imagePreview=1" width="396" /&gt;
  &lt;br /&gt;  &lt;/p&gt;
&lt;p&gt; &lt;/p&gt;</summary>
    <dc:creator>Scarletake Bwi</dc:creator>
    <dc:date>2022-01-05T07:24:58Z</dc:date>
  </entry>
</feed>
