ADF Faces: non-modal popup windows

Hi,
when using the dialog functionality on commandXXX components the dialog always opens in a modal mode. My requirements are to let the user open as many popups as someone likes from the same page.
Is it possible to achieve this behaviour without manual "javascript hackery"?
Any hints are greatly appriciated.
Regards,
Andreas.

Hi all,
I still have the requirement to open a popup in non-modal mode. Has anyone an example how to do that? The actionListener method on my command button has to be executed of course...
Thanks in advance,
Andreas

Similar Messages

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

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( ).

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

Printing Non Modal External Window - print out additional blank page

Hi All,
I am printing out a content of a web dynpro view as a non modal external window with the browser print functionality.
Even if the content of the web dynpro view is not more than the half of a page the browser print functionality prints 2 pages. The second page is a blank page.
I tried to change the external window size in web dynpro, but it is still printing 2 pages.
How can I set / configure the browser print functionality, so it prints only the page that contains the web dynpro view content?
Thanks,
Yasar

Hi,
I'm guessing the concurrent program is outputting text (character mode) as opposed to PDF?
This could be a number of reasons:
1. Printer driver issue, e.g. the number of lines printed on the page is more than is defined for the printer driver: Try reducing the "Rows" on the current program definition
2. Printer PRT issue, extra page break could be being inserted.
3. The "box" in the report definition containing the address could be being expanding due to the extra address line, but not enough space so it forces a new page to be printed.
Gareth
Blog: http://garethroberts.blogspot.com
Web: http://www.virtuate.com

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:

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

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

Position of an non modal external window

How is it possible to set the position of an non modal external window?
I've tried it over
window.setWindowPosition(new WDCssSize(500,WDWindowUnitOfLength.PX),new WDCssSize(200, WDWindowUnitOfLength.PX));
and also over
window.setWindowPosition(500,200);
The result is always the same, the window is shown on the top left.
Best regards,
Thomas

Hi Thomas,
I tried the same. The code I tried is:
IWDWindow pop1=wdComponentAPI.getWindowManager().createNonModalExternalWindow("http://www.google.com","google");
     pop1.setWindowSize(512,600);
     pop1.setWindowPosition(50,100);
     pop1.show();
Its working fine for me. Even I tried changing the parameters for size and position. It worked fine.
Just 1 thing I noted in you post. You gave the code as:
window.setWindowSize(512;400);
although I think it should be
window.setWindowSize(512,400);
I do not know whether it was a typo or its in the application(it would have been syntax error in your application).
I am using IE 6.0. May be its something to do with the versioning.
Regards.
Rajat

Non modal popup

Hi,
Anyone Know how to call a non modal popup?
Thanks,
Rodrigo.

Hello Rodrigo,
Currently popups can be displayed only as modal dialogs.
Regards.

Non-modal Popup possible- Factsheet in new window

Hi,
I have the requirement that I need to open the account factsheet in a new window. For that I have created a popup which works fine but I need this popup to be non-modal.
Is there any way to do this? Or is there any other solution to open the factsheet in a separate window?
Thanks for your help and best regards,
Katharina

Hi Katharina,
I have a similar requirement.
If you have solved the issue could you please share the solution?
Thanks,
Manoj.

How i can open a adf faces page in new window / tab

I want to open an adf faces page in new browser window/tab. How i can do it?

Try an af:goLink and set its targetFrame to "_blank".
Timo

ADF Faces: non-modal popup windows

Similar Messages

Maybe you are looking for