Modal Popup Window Hides Help Popup Window

Hello Everybody,
today I stepped upon an issue regarding popup windows.
I have created an application with popup windows for editing and inserting new records.
I left the item label templates to "Optional with Help".
When I now click upon an item label the help - popup window appears but it is hidden behind the popup window I am working in.
Is there a workaround for that.
Is there a possibility to modify the z-order either of the help popup or of the modal window ?
Any advice is appreciated.
Regards
Marc

There are lot of options to customize the behavior of jQuery dialog. You can set height as auto, however you need to specify some fixed width depending on the content.
$( "#TEST_POPUP" ).dialog({ height: "auto", width:500 });Default for height is auto, so you may not need to specify it.
See http://docs.jquery.com/UI/Dialog for more info.
Regards,
Hari

Similar Messages

TIP: Building Modal Popup Windows

Build Modal Popup Pages
Introduction
The following is based on the 'How To Document' - 'Build Custom Popup Pages'.
This How To will show the developer how to create Modal Popup windows with the ability to pass information back to the parent window.
Example Scenario
The example described in this how to adds a custom modal popup LOV to a form on the SCOTT.EMP table. Clicking the popup LOV link on the form page will popup a Modal LOV page that allows users to search by ENAME, JOB, and SAL. Selecting a value from this LOV page will close that popup LOV page and populate the ENAME, JOB, and SAL fields on the form page with the selected values. Additionally, had the user entered some data into the ENAME, JOB, and/or SAL fields on the form page, that data would be used in the initial search when the popup LOV page is first shown.
Step 1 - Create a simple form page on SCOTT.EMP
To create the form page, simply step through the HTML DB "Form on a Table or View" wizard against the EMP table accepting the defaults. For this example, create the form with a page number of one, and make sure to allow the ename, job, and sal fields to be editable. When the wizard completes, page 1 of the application should have the items P1_ENAME, P1_JOB, and P1_SAL on it as text fields.
Step 2 - Create a popup page with search fields
Next, create a page that's to be used as the popup window: Page 2. Ultimately, this page will have javascript, a report region, and some buttons. For now, though, just create a page 2 with the items P2_ENAME, P2_JOB, and P2_SAL on it as text fields.
Step 3 - Set Modal popup page header requirements
A) Modal windows by default cache the information they display. When creating a popup window which displays different information each time it is called or to allow searching the caching default must be switched off.
Add the following meta-tag to the "HTML Header" field of the page-level attributes screen for page 2 to accomplish this:
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
B) Modal windows by default open a new window when running any redirect calls. When creating a modal popup which passes back parameters to the parent window. The modal window has to be forced to fire redirect calls within its own window rather than open a new window for the redirect.
Add the following tag to the "HTML Header" field of the page-level attributes screen for page 2 to accomplish this:
<base target="_self">
Step 4 - Add Javascript call to the popup page
Because the popup page should filter its result set based on any values that the user might have entered onto the form page, you need to add a javascript function that would pass those values off. Add the following function to the "HTML Header" field of the page-level attributes screen for page 1 to accomplish this:
<script language="JavaScript" type="text/javascript">
function callMyPopup (formItem1,formItem2,formItem3) {
    var formVal1 = document.getElementById(formItem1).value;
    var formVal2 = document.getElementById(formItem2).value;
    var formVal3 = document.getElementById(formItem3).value;
    var url;
url = 'f?p=&APP_ID.:2:&APP_SESSION.::::P2_ENAME,P2_JOB,P2_SAL:' + formVal1 + ',' + formVal2 + ',' + formVal3 ;
// IE Browsers modal popup window
if (window.showModalDialog) {
    w = showModalDialog(url, window.self,"status:0; scroll:1; resizable:1; dialogWidth:25; dialogHeight:43");
    // w is an array returned from the modal popup containing the passback values
    if (w) {
      document.getElementById("P1_ENAME").value = w[0];
      document.getElementById("P1_JOB").value = w[1];
      document.getElementById("P1_SAL").value = w[2];
      document.getElementById("P1_SAL").focus();
else {
// mozilla based browsers modal popup window
w = open(url,"winLov","Scrollbars=1,resizable=1,width=800,height=600", modal="yes");
if (w.opener == null)
    w.opener = self;
w.focus();
</script>Though you don't need to know how to read javascript for this example, it helps to understand that this function only does one important thing: it opens a modal popup window of page two in our application while passing values to P2_ENAME, P2_JOB, and P2_SAL. It gathers those values to pass from the names of the HTML DB items provided to it. The call to this function will be added in the next step below.
Step 5 - Add a popup link next to the P1_SAL field on the form page
Add a link to the form page that will call the callMyPopup function above and pass it the values it needs. To do so, place the following HTML in the "Post Element Text" field attribute of the P1_SAL item:
<~a href="javascript:callMyPopup('P1_ENAME','P1_JOB','P1_SAL');">Click for LOV<~/a>NB. remove ~ from above when deploying
Step 6 - Add the LOV report to the popup page
The next step is to create a report on the popup page based on the values passed from the form on page one. The tricky part of this report is providing a means for the selected values to be passed back to the form page. This can be achieved by having a column of the report render as a javascript link that would close the popup window and pass the ename, job and sal values for that row back. Start by adding a simple report region to our Modal popup page that uses a query such as:
      select ename, job, sal , 'placeholder' the_link
        from emp
       where ename like '%'||:P2_ENAME||'%'
         and (job = :P2_JOB or :P2_JOB is null)
         and (sal = :P2_SAL or :P2_SAL is null)Note that the last column in this query is just a placeholder. once the region is created, turn that placeholder into a link by doing the following:
Navigate to the Page Definition for page 2
Next to the name of the report region created in step 6, Click Q
Next to the column THE_LINK, click the edit icon
In the "Link Text" field enter the string "select"
In the URL field enter: javascript:passBack('#ENAME#','#JOB#','#SAL#'); Click the "Apply Changes" button
Step 7 - Add the javascript function to the Modal popup page to pass selected values to the (parent) form page.
In the previous step you added a call to a javascript function, passBack. Now add that function to the top of Modal popup page 2. In the same manner as step 4 above, add that passBack function to the page 2 by putting it in the "HTML Header" field of the page-level attributes screen. The function should look similar to the following:
<script language="JavaScript">
   function passBack(passVal1, passVal2, passVal3)
     // IE Browser return the passback values in an array
     if (window.showModalDialog) {
       var retVal = new Array(passVal1, passVal2, passVal3);
       window.returnValue = retVal;
       window.close();
     // Mozilla based browsers right the passback values directly into the parent window
     else {
       opener.document.getElementById("P1_ENAME").value = passVal1;
       opener.document.getElementById("P1_JOB").value = passVal2;
       opener.document.getElementById("P1_SAL").value = passVal3;
       opener.document.getElementById("P1_SAL").focus();
       close();
</script>This function simply sets the values of P1_ENAME, P1_JOB, and P1_SAL with the values of the whatever's stored to the three HTML DB item names passed to it. It also closes the current window and puts the cursor back into the P1_SAL field.
Step 8 - Polishing
The basic functionality of this custom modal popup window has been created in steps 1 though 7. To make its usage a little more friendly, it's advisable to add Cancel and Search buttons to the popup window page. The Search button should just be added as a regular button that branches back to the page 2. Adding this button allows users to re-query for LOV options without having to return to our form page. The Cancel button should be created with an "Action" of "Redirect to URL". The "URL Target" of the button should be javascript:window.close(). As the code suggests, the Cancel button would just close the popup window (with no values returned).
Hope this is of use....

Everything said above is working fine but in Mozilla small popup is coming in top left corner of browser..
so please help me so that it is opened in proper width and height in mozilla.

Modal popup window refresh the parent (calling) window/view

I have a modal popup window that is adding detail records. When this window is closed via the Hide method in my controller I would like to refresh the parent (calling) window/view.
What is the best way to do this?
Regards,
Diane

Here's my process.....
2-windows & 3 views
Window 1 - Selection View and Detail View
Window 2 - Add View (used as a modal popup window called by a button click on the detail view)
Selection View has all the options for obtaining a list of data for the detail view. The detail view has an Add button. Component controller has the hide method and access to the other components that do the update/query methods. On the detail view the user can click Add and a popup modal window shows. User enters data and clicks either the add or cancel button. The Detail view needs to refresh to show the additional data that has been added by the modal window. There are calcuated values in the detail view from a supply function. This function is not running and the values are not changed.
What should be put in the hide method that will cause the detail view to obtain new data and supply the calculated values? If I was using the Add view as part of the same window as the detail/selection views I'd just put in a navigation link between the detail and add views and fire the plug. I like the idea of the popup window so I'd like to get this to work.
I put the wdContext.initialize() in the hide method - which yes - caused the detail view to run - however the context lost all the key values so I received a data not found. I then tried to initialize those nodes that did not contain the key values but the detail view did not display new values.
Thanks for any ideas.....Diane
Edited by: Diane Fuller on Jan 8, 2009 6:48 AM

Modal Popup Window close issue

Hi,
i have a master detail form
i added a link field on detail form to open a form in popup modal mode
i putted on Link Attributes onClick="new Ext.ux.PopupWindow({url: this.href, height: 450}).show(); return false;"
due Modal Popup Window example by Mark Lancaster
([http://oracleinsights.blogspot.com/2009/09/apex-modal-windows-are-snap-using-extjs.html])
I can't close popup window and return on calling page
Any help?
Thanks in advance
Lukx
so --> win xp
rdbms --> 10.2.0.4
apex --> 4.0.2.00.07

Hi lukx
You will find additional information in the comments on my blog that will solve your problem.
Also, my book contains an even better solution for this in chapter 10, page 334.
Regards
Mark
demo: http://apex.oracle.com/pls/otn/f?p=200801 |
blog: http://oracleinsights.blogspot.com |
book: Oracle Application Express 4.0 with Ext JS

Showing non-modal popup in overlay of browser.xul - on Windows

Hi. I've got a custom Firefox add-on in plain Javascript. It to overlays Firefox's browser.xul (via chrome.manifest) by an XUL file, where I would like to show a non-modal popup (or some kind of non-intrusive notification).
I've tried following three options from https://developer.mozilla.org/en-US/Add-ons/Code_snippets/Alerts_and_Notifications:
1.
Components.classes['@mozilla.org/alerts-service;1'].
getService(Components.interfaces.nsIAlertsService).
showAlertNotification(null, 'Some title', 'Some message', false, '', null);
2.
var win = Components.classes['@mozilla.org/embedcomp/window-watcher;1'].
getService(Components.interfaces.nsIWindowWatcher).
openWindow(null, 'chrome://global/content/alerts/alert.xul',
'_blank', 'chrome,titlebar=no,popup=yes', null);
win.arguments = [null, 'Some title', 'Some message', false, ''];
3.
var message = 'Another pop-up blocked';
var nb = gBrowser.getNotificationBox();
var n = nb.getNotificationWithValue('popup-blocked');
if(n) {
n.label = message;
} else {
var buttons = [{
label: 'Button',
accessKey: 'B',
popup: 'blockedPopupOptions',
callback: null
Neither of them works on Windows. The first two work on Linux (Fedora 20 x64). Neither of them generates any error either.
Please, suggest how/where to do that, or how to 'schedule it' (as an even handler to a system event, I suppose) from my overlay of browser.xul.

I think you would have a better chance of getting comments from experienced add-on developers on one of these sites:
* http://forums.addons.mozilla.org/
* http://forums.mozillazine.org/viewforum.php?f=19

Darken Modal/PopUp Window??

Hi,
In Flex there is the concept of modal popup windows or modal
dialogs, whatever you want to call them. Is there a way to control
the color of the window? So to be clearer, when you pop up a window
using the PopUpManager Class and set the modal property to "true"
it creates this dimmed affect in the background. I want to make
this darker than the default. How can I do this?
Thanks,
-Westside

Create a CSS class for Alert and modify the
modalTransparencyColor. For instance, here's one I use:

base target=_self issue in modal popup window.

Hi,
I have implemented a modal popup window as described in:
TIP: Building Modal Popup Windows
I also created a Search button (per step 8 "polishing")
The html header of the page attributes of the LOV window contains (step 3):
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
<base target=_self>
Still for some reason when I hit Search, a new window opens.
What am I missing here?
Toon

Andy,
I added the quotes: but no difference in behaviour.
However I did find something:
On the search button I had erroneously defined a url-redirect going back to the same page.
And I also had a conditional (request=search) branch going back to the same page.
I deleted the url redirect on the search button, and it works fine now: the branch takes me back to the same window (without opening a new one).
On further testing I found another issue concerning the pagination (it is of type: row ranges in select list with pagination).
If I press next and previous all works well. But if I select a range from the select list it opens a new window...
Any ideas here?
Thanks,
Toon

How to make another modal popup window in a modal popup window?

how to make another modal popup window in a modal popup window?
two modal windows must be made by inheritance of JDialog.

the jdialog has constructors where you can set another jdialog as owner. (the same as frame)
Visit our german java forum at http://www.java-forum.org/de
An english version will be released soon at http://www.java-forum.org/en

Conditional display of modal popup window?

Hi,
I'm currently implementing a file-upload in Apex 4.1. The workflow I envision is this:
*User selects the file and initiates upload
*The file is checked by some pl/sql code.
*Under certain conditions the user is asked if she wants to continue.
*The data is processed.
For the conditional user-dialog I wanted to use a modal popup window as described in http://shijesh.wordpress.com/2010/04/10/jquery-modal-form-in-apex-4/ and other places.
But how can I conditionally display this dialog dependent on the result of the file-check? I would need to call a java-script function from pl/sql - but how can this be achieved?
Any hints or examples?
Many thanks & kind regards,
stephan

steph0h wrote:
Hi,
I'm currently implementing a file-upload in Apex 4.1. The workflow I envision is this:
*User selects the file and initiates upload
*The file is checked by some pl/sql code.
*Under certain conditions the user is asked if she wants to continue.
*The data is processed.
For the conditional user-dialog I wanted to use a modal popup window as described in http://shijesh.wordpress.com/2010/04/10/jquery-modal-form-in-apex-4/ and other places.
But how can I conditionally display this dialog dependent on the result of the file-check? I would need to call a java-script function from pl/sql - but how can this be achieved?
Any hints or examples?
Many thanks & kind regards,
stephanI don't think you would call the java-script function from PL/SQL as much as (maybe) use PL/SQL to write it - embed the Javascript code in the generated HTML of the page. Another option would be to put the JavaScript code as page or item attributes to be executed at run-time

Passing values to modal popup

Apexers,
I need help with this modal popup, it works correctly but not passing values from page page1 to my page3. How do i pass these paramater values to page3,
function modalWin() {
if (window.showModalDialog) {
window.showModalDialog("f?p=&APP_ID.:3:&SESSION.:POP:NO::P3_EMPNO:#P1_CUSTOMER_ID#::","name","dialogWidth:600px;dialogHeight:400px");
else {
window.open("f?p=&APP_ID.:3:&SESSION.:POP:NO::P3_EMPNO:101","name","height=400,width=600,toolbar=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no ,modal=yes");
thanks & regards.

Hi,
try using this syntax
function modalWin() {
if (window.showModalDialog) {
window.showModalDialog("f?p=&APP_ID.:3:&SESSION.:POP:NO::P3_EMPNO:" + $v('P1_CUSTOMER_ID') + "::","name","dialogWidth:600px;dialogHeight:400px");
else {
window.open("f?p=&APP_ID.:3:&SESSION.:POP:NO::P3_EMPNO:101","name","height=400,width=600,toolbar=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no ,modal=yes");
}regards,
Erik-jan

Modal popup with lightbox effect on page load

Hi friends,
I was looking for help for making a windows modal popup with reads a url from xml file and load it into windows modal popup in the centre of the screen on page load. The requirement was also that it will dim the rest of the page. After searching at several places I got hint at:
http://forums.adobe.com/message/746503
Now there are two issues that background page is not getting dim and if any one can help me in telling how to load flash modal popup on pageload. I dont want it to be annoyed so just want to load popup once a session of once a day only on first page, I am trying cookies but I dont know why I it is not reading cookies in production environment. There are lot of examples available in javascript and silverlight but I want in flash.
Any help shall be highly appreciated.

Thanks. Unfortunately I'm not sure the code will apply to my
situation... I'm actually not using a Spry dataset in any way, just
some Spry effects to enhance my own markup (which comes from a PHP
page but is static as far as the document is concerned.)
If I put the Spry effect in the body onload handler, the
element appears for a second as the page loads, then disappears
suddenly as the Spry fade in effect kicks in bringing it from 0 to
100.
Another related question, I would like the Spry effect to to
fade in with some values ending at the values as set by my CSS
class... is it possible to have it do so? In other words fade from
0 to current value? I know there are some ways to retrieve default
styling of an element but figure Spry might have something built
in?

Skillbuilders Modal Popup does not open correctly

Hi,
i installed the modal popup from skillbuilders but i'm having trouble using it. I've gone through the online tutorial and the forum but i don't know what i am doing wrong.
The modal page opens but very quickly a larger window shows that reduces in size to a smaller one which display no regions or items from the page i have selected to be a popup modal. I have created a demo which has the same effect
http://apex.oracle.com/pls/apex/f?p=35329:1
(usr,pwd: modal, modal)
I'm not sure what page type should be used, i have tried a blank page, form, classic report but all have the same result. I'm using Apex 4.2.3
Teo

Try Page Template = 'Popup' for your modal page.
If you provide access to your workspace, it might be easier to track what's wrong.

Non-Modal Popup in WebDynpro 4 ABAP?

Hey,
i tried to create a non-modal popup but by opening the popup the following error is raised:
System Tried to Create Amodal Window. This Is Currently Not Possible
Below you can see how i created the popup:
CALL METHOD cl_wd_popup_factory=>popup
EXPORTING
    component           = com
*    used_component_name =
    view_name           = 'VTEST'
*    create_only         = ABAP_FALSE
    modal               = ABAP_FALSE
*    window_title        =
    close_button        = abap_true
*    button_kind         =
*    message_type        = IF_WD_WINDOW=>CO_MSG_TYPE_NONE
*    close_in_any_case   = ABAP_TRUE
* IMPORTING
*    popup_window        =
*    component_usage     =
* CATCH cx_wd_runtime_repository .
*ENDTRY.
Is there any possibility to create a non-modal popup anyway?
Thanks in advance

why are you using the factory method, instead you can use the
the interface if_wd_window_manager , method create_window
data:l_window1 type ref to if_wd_window_manager,
     popup type ref to if_wd_window,
     l_cmp_api type ref to if_wd_component,
     l_view_api       type ref to if_wd_view_controller.
     l_cmp_api = wd_comp_controller->wd_get_api( ).
     l_window1 = l_cmp_api->get_window_manager( ).
     popup = l_window1->create_window(
*          MODAL                = ABAP_TRUE
          window_name          = 'WINDOW1'
*          TITLE                = TITLE
*          CLOSE_BUTTON         = ABAP_TRUE
*          BUTTON_KIND          = BUTTON_KIND
*          MESSAGE_TYPE         = IF_WD_WINDOW=>CO_MSG_TYPE_NONE
*          CLOSE_IN_ANY_CASE    = ABAP_TRUE
*          MESSAGE_DISPLAY_MODE = MESSAGE_DISPLAY_MODE
*          DEFAULT_BUTTON       = DEFAULT_BUTTON
popup->open( ).

Modal Popups in Firefox

Hi,
I've found this thread for modal popups: TIP: Building Modal Popup Windows
I've the following javascript code:
function newCategory()
     var url = 'f?p=' + html_GetElement('pFlowId').value + ':12:' +
                            html_GetElement('pInstance').value + ':MASTERDATA_REGION:CATEGORY';
     if (window.showModalDialog)
         showModalDialog(url, window.self,"dialogWidth:50; dialogHeight:20");
          show_Tab1();
     else
             w = window.open(url, "","width=500,height=200", modal="yes");
          w.focus();
          show_Tab1();
}It's working fine in IE, so it opens the popup and when the popup is closed it executes the show_Tab1()-function. In FF it's ignoring the 'modal' attribute and executes show_Tab1(), immedialtely after opening the popup.
I don't have any return values, I only want to have executed the function show_Tab1(), when the popup is closed. Can this be realized somehow?
Thanks
chrissy

Hi Vikas,
When running my application in IE, and opening the opoup with showModalDialog, I can't interact with the main window until I close the popup.
...what is the rationale behind this?
i.e. why would you like to stop execution until the
popup is closed?I'm having a region in my page, that's pulled by AJAX, because I don't like the refresh of the whole page, when I only want to change the view. I think you know this, I've the code from Carl (http://htmldb.oracle.com/pls/otn/f?p=11933:48).
In this page I've a button, which opens the popup, where the user can create new entries for the report. Closing the popup with a given button, will insert the provided data into the table. After this my report on the main page should be updated (that's what my function show_Tab1() is doing). Because of this I'd like to stay the popup at the top until the user added the data or canceled it and stop execution of code, because this is the only why I can see to start my function show_Tab1(), when popup is closed (please see code provided before).
chrissy

SharePoint Modal Popup

Hi..
How to create a SharePoint Modal Popup window and when we select some value in modal popup that value should be redirected to parent form..
Ravindranath

In the option dialogReturnValueCallback you can define a function that will be executed after the dialog was closed. By now you create a delegate pointing to CloseCallback3 but this is not defined in your code.
If you call SP.UI.ModalDialog.RefreshPage in this callback method the page gets refreshed after the dialog was closed with OK.
function OpenCustomDialog(dialogUrl, dialogWidth, dialogHeight, dialogTitle, dialogAllowMaximize, dialogShowClose) {
var options =
url: dialogUrl,
allowMaximize: dialogAllowMaximize,
showClose: dialogShowClose,
width: dialogWidth,
height: dialogHeight,
title: dialogTitle,
dialogReturnValueCallback: function(dialogResult)
SP.UI.ModalDialog.RefreshPage(dialogResult)
Adnan Amin MCT, SharePoint Architect | If you find this post useful kindly please mark it as an answer :)

Modal PopUp

Hello Gurus,
I have a question regarding modal popup window.
Below is my code in ComponentController:
DATA window_manager TYPE REF TO if_wd_window_manager.
DATA window TYPE REF TO if_wd_window.
window_manager = wd_this->wd_get_api( )->get_window_manager( ).
window = window_manager->create_window( 'WIN' ).
window->open( ).
Here, i'm opening the new window. I have to open it with option RESIZABLE = FALSE.
Unfortunately i can't do it and my window can be resized via minimize/maximize buttons and via mouse.
How to prohibit such a possibility?
p.s. i can't use window->set_is_resizable()
Thank you,
Yury

hi
try this code
data lo_window_manager type ref to if_wd_window_manager.
data lo_api_component type ref to if_wd_component.
data lo_window type ref to if_wd_window.
lo_api_component = wd_comp_controller->wd_get_api( ).
lo_window_manager = lo_api_component->get_window_manager( ).
CALL METHOD lo_window_manager->CREATE_EXTERNAL_WINDOW
EXPORTING
URL = ' ' // ur URL here
MODAL = ABAP_TRUE
HAS_MENUBAR = ABAP_TRUE
IS_RESIZABLE = ABAP_FALSE
HAS_SCROLLBARS = ABAP_TRUE
HAS_STATUSBAR = ABAP_TRUE
HAS_TOOLBAR = ABAP_TRUE
HAS_LOCATION = ABAP_TRUE
RECEIVING
WINDOW = lo_window.
lo_window->open( ).
regards,
amit

Modal Popup Window Hides Help Popup Window

Similar Messages

Maybe you are looking for