Onload popup modal region

Hello,
I am looking for example / how-to popup a modal region on a page load if certain condition is meet. Use case:
- on page load
- check if any of these condition is satisfy (if field has a certain value, 5 day has pass and there has been not update, etc.)
- if any of the above return true
- present a popup window to inform the user
Thanks in advance for your help!

Do you want to popup a modal region, such as a modal page plugin http://ruepprich.wordpress.com/2013/07/11/skillbuilders-modal-page-instructions/
or a modal dialog, such as this http://www.primaryobjects.com/images/modal-confirmation-dialog-cap.gif
or a simple javascript alert message such as this http://www.exforsys.com/images/js/0702.jpg
Regards,
Vincent
http://vincentdeelen.blogspot.com

Similar Messages

Theme 25 Modal Region - not displaying correctly in IE8

I have an application I have developed, which makes use of the modal regions which display a small form in a modal region when the user clicks a button.
I am having problems with how it is displayed in IE8. I have many users in my organisation who still use IE8 so I need to find a fix.
I have installed one of the 'packaged applications' on apex.oracle.com and converted the theme from 101 to Theme 25 to demonstrate the issue (ignore the fact that the buttons have had a different template to the "+" and ">").
http://apex.oracle.com/pls/apex/f?p=65955:14
Login as: matt/matt
Click on any of the "Add xx" buttons, e.g. "Add Update".
You will see that the colour of the region is black and you can't see the modal box. This makes the text very hard to read, and not really useable.
I have been trying to figure out which css style controls the background (to potentially put a fix in the HTML header of my page) but I cannot figure out how to fix it.
Any guidance would be appreciated!
Amanda.

Hi Amanda,
This may be a bug in Theme 25 for IE8, and I will investigate this issue further. However, for now, it seems like there are two issues. First, being that the background of the page becomes completely black wh en the modal is loaded when it should really be somewhat transparent. To fix this, you can add the following CSS:
div#modalBackground {
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
The second issue is that the modal appears to be behind the background, so you are unable to see it. Try adding the following styles and see if it can fix the issue:
section.uModalRegion {
z-index: 1000;
Unfortunately, I was unable to reproduce the second issue on my VM (IE9 running in IE8 mode).
Best,
Shakeeb

JQuery modal region template in theme 24

Please provide details how to use the JQuery modal region template in theme 24.
I want to create a modal page but I am no expert in jquery or script.
I am sure this template should make life easy but unable to find how to use it.
Any help greatly appreciated.
Thanks,
DS

Dan has created a great plugin. http://www.skillbuilders.com/oracle-apex/Application-Express-APEX-Consulting-Training.cfm?tab=free-plugin-downloads
It is the Modal page plugin. There is a video tutorial on the site to instruct you how to integrate it into your app.
Edited by: svk1965 on Aug 3, 2012 3:29 PM

Skillbuilders_super_lov plugin with Modal region template

Hi ,
I am using Report and form (IR) , i called form when i press in create button by this code
javascript:openModal('region id')and make the form region as modal region template , in the form i use skillbuilders_super_lov plugin .
when i open the LOV plugin it appear like this image
http://s13.postimage.org/k2zqekwzb/LOV.png
i need help
Ahmed,

Dears ,
if the problem with template or any thing related css file .. can any one help me ?

How to utilize JQuery modal region template in theme 24

Hi guys,
I was check the templates of the theme of 24, and noticed "JQuery modal region template". Can you pls, give some pointers about how to use it ...
Regards,
Fateh

Hi,
I want to create a modal page and would also like to know how to use the jquery modal region template.
Any help appreciated.
Thanks,
DS

Modal Region with parameter

Dears ,
i use apex 4.2 , i have 2 regions , the second region type Modal Region , i want to call the modal region with parameter
in link column i wrote this code
javascript:openModal(region_name)how can i call modal region with parameter ?
Thanks

Abo Yahya wrote:
Dears ,
i use apex 4.2 , i have 2 regions , the second region type Modal Region , i want to call the modal region with parameter
in link column i wrote this code
javascript:openModal(region_name)how can i call modal region with parameter ?
ThanksHi,
What you mean by "how can i call modal region with parameter" ? Parameters for what ?
Can you provide some example to apex.oracle.com what you have done now?
Regards,
Jari
My Blog: http://dbswh.webhop.net/htmldb/f?p=BLOG:HOME:0
Twitter: http://www.twitter.com/jariolai

Save input data from popup modal MVC

Hi I am trying to save data from popup. When I execute my controller side data is not saved. Please see code below:
View:
@model IEnumerable<Model>
<h2>Manage Dimension</h2>
<link href="@Url.Content("~/Content/Gridmvc.css")" rel="stylesheet" type="text/css" />
<script src="@Url.Content("~/Scripts/gridmvc.min.js")" type="text/javascript"> </script>
<script src="@Url.Content("~/Scripts/js/bootstrap.min.js")" type="text/javascript"> </script>
<link href="@Url.Content("~/Content/bootstrap/css/bootstrap.min.css")" rel="stylesheet" type="text/css" />
<link href="@Url.Content("~/Content/bootstrap/css/bootstrap-responsive.min.css")" rel="stylesheet" type="text/css" />
@using (Html.BeginForm())
@Html.AntiForgeryToken()
@*<html>*@
<body>
<hr />
<div class="table-responsive">
<table class="table table-striped table-hover">
<thead>
<tr>
<th>
ID
</th>
<th>
Name
</th>
<th>
Value
</th>
<th>
Action
</th>
</tr>
@foreach (var item in Model)
foreach (var i in item.Values)
<tr>
<td>
<span data-bind="text: ID">@item.ID</span>
</td>
<td>
<span data-bind="text: Name">@item.Name</span>
</td>
<td>
<span data-bind="text: Value">@i.Value</span>
</td>
<td>
<button type="button" class="edit-mode" data-toggle="modal" data-target="#myModal" id="c.ResellerId">edit</button>
</td>
</tr>
</table>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
<h4 class="modal-title" id="myModalLabel">Edit/Add Dimension</h4>
</div>
<div class="modal-body">
<div id="dialog-form" title="Create new user">
<form>
<fieldset>
<label for="name">Name</label>
<input type="text" name="name" id="name" value="" class="text ui-widget-content
ui-corner-all"><br /><br />
<label for="email">Value</label>
<input type="text" name="value" id="value" value="" class="text ui-widget-content
ui-corner-all">
</fieldset>
</form>
</div>
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Cancel</button>
<button type="button" class="btn btn-default" id="inviteRequest">Save changes</button>
</div>
</div>
</div>
</div>
<br />
<br />
<div class="modal-footer">
<button type="button" class="btn btn-primary" data-dismiss="modal" data-toggle="modal" data-target="#myModal" data-bind="click: Save">Add</button>
</div>
<script src="~/Scripts/App/Modal.js"></script>
@*<script type="text/javascript" src="https://ajax.microsoft.com/ajax/jQuery/jquery-1.4.2.min.js"></script>*@
@*<script src="@Url.Content("~/Scripts/js/bootstrap.min.js")" type="text/javascript"> </script>*@
<script type="text/javascript">
$(document).ready(function () {
$('#inviteRequest').click(function () {
console.log(1);
$('#myModal').modal('hide');
$.post('/ManageDimension/Create', { "Name": name, "Value": value })
alert("You clicked me!");
window.location.reload(true);
</script>
</div>
</body>
</html>
Controller:
[HttpPost]
public ActionResult Create( DataModel dimension)
if (ModelState.IsValid)
db.Save(dimension);
return RedirectToAction("Index");
else
return View(dimension);

Hi,
This is a forum for Visio.
To get more professional support, I recommend you post this question in MVC forum.
http://forums.asp.net/1146.aspx/1?MVC
The reason why we recommend posting appropriately is you will get the most qualified pool of respondents, and other partners who
read the forums regularly can either share their knowledge or learn from your interaction with us. Thank you for your understanding.
Regards,
Greta Ge CHN
TechNet Community Support

Show/hide PopUp modal effect

I would like to be able to show or hide the modal effect that's applied via the PopUpManager class to an existing PopUp. Does anyone know if and how this is possible?

Hello Frank,
I've started with that article, but in your case in all happens from clientListener.
I tried to catch file upload with a clientListener (like "valueChange" type) but clientListener is not getting called.
I tried calling javascript from Java valueChangeListener ( Service.getRenderKitService(FacesContext.getCurrentInstance(), ExtendedRenderKitService.class).addScript(FacesContext.getCurrentInstance(), "alert('hello');"); ) but again - alertbox is shown after commit is done.
How do I get javascript working at exact moment when I need it? I also need to check the file size to know if I need to show the popup.

How do I display more than one region as a modal popup?

Hello all!
I have a popup that displays a report region. I now want it to display more than one region, say a report region and another report region underneath it.
Here's the code that I currently have (and this one can popup one region):
$.fx.speeds._default = 1000;
$( function(){
$('#ModalForm').dialog(
     modal: true,
     autoOpen: false,
     width: 650,
     height: 450,
     buttons:{ Calculate: function(){calculateTotal();},
                     Close: function(){closeForm();}
function openForm(pFoodTemplateId, pMealTypeId)
var getone = new htmldb_Get('shiny',&APP_ID.,"APPLICATION_PROCESS=DUMMY", &APP_PAGE_ID.); // initialize get
getone.add('P24_TEMPLATEID', pFoodTemplateId);
getone.add('P24_MEALID', pMealTypeId);
gReturn = getone.get();
getone = null;
$('#ModalForm').dialog('open');
function closeForm()
{$('#ModalForm').dialog('close');}
$(document).ready(function()
    {$('a.temppop').click(function() {openForm();});
});The class of the button (or in my case, the link in another region that's not displayed as a popup) is temppop.
QUESTION:_
How do I edit my existing code, so that it can now display another region?
The ID of the region it displays now is ModalPopup. I would like to add another region, with another ID off course. Pick any ID, as long as you can explain to me how.

Magali wrote:
Hello all!
I have a popup that displays a report region. I now want it to display more than one region, say a report region and another report region underneath it.
Here's the code that I currently have (and this one can popup one region):
$.fx.speeds._default = 1000;
$( function(){
$('#ModalForm').dialog(
modal: true,
autoOpen: false,
width: 650,
height: 450,
buttons:{ Calculate: function(){calculateTotal();},
Close: function(){closeForm();}
function openForm(pFoodTemplateId, pMealTypeId)
var getone = new htmldb_Get('shiny',&APP_ID.,"APPLICATION_PROCESS=DUMMY", &APP_PAGE_ID.); // initialize get
getone.add('P24_TEMPLATEID', pFoodTemplateId);
getone.add('P24_MEALID', pMealTypeId);
gReturn = getone.get();
getone = null;
$('#ModalForm').dialog('open');
function closeForm()
{$('#ModalForm').dialog('close');}
$(document).ready(function()
{$('a.temppop').click(function() {openForm();});
});The class of the button (or in my case, the link in another region that's not displayed as a popup) is temppop.
QUESTION:_
How do I edit my existing code, so that it can now display another region?
The ID of the region it displays now is ModalPopup. I would like to add another region, with another ID off course. Pick any ID, as long as you can explain to me how.First build your dialog for new ID (please replace NEWREGIONID with your region static id)
$( function(){
$('#NEWREGIONID').dialog(
modal: true,
autoOpen: false,
width: 650,
height: 450,
buttons:{ Calculate: function(){calculateTotal();},
Close: function(){closeForm();}
And now you could open or close the dialog
$('#NEWREGIONID').dialog('open');

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.

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

Embedding Regions Inside PopUp Windows

<b>Problem Description</b>
Regions can be incorporated into ADF Faces popup content to support potentially complex navigation through a series of pages to complete a task. Another important benefit of including regions within ADF Faces popups is content reuse. These great benefits make ADF Faces popups containing regions a commonly used application development pattern. Incorporating regions into <af:popup> content can seem similar to incorporating regions into a page, especially since an <af:popup> is actually considered part of a page. However, there are some important differences to keep in mind. When incorporating regions into <af:popup> content, the following default development constraints must be taken into consideration:
<ul>
<li>Content within the <af:popup> component is created and executed when its corresponding page is initially displayed. It’s not automatically refreshed when a <af:popup> is disclosed.</li>
<li>When disclosing an <af:popup> subsequent times from the same page, region content isn’t automatically refreshed and restarted from the beginning.</li>
<li>An <af:popup> is not automatically dismissed when its region content completes via navigation flow. Likewise, when an <af:popup> is dismissed, its corresponding region content is not automatically considered “complete”. Therefore, resources used by the corresponding task flow (e.g., memory, DB transactions) are not released.</li>
<li>Region components activate when their <af:region> UI component is invoked (i.e., component tree built), not when the component tree is rendered. Most JSF UI components build their component tree and wait until rendering to activate. The <af:region> UI component is different since it must first resolve its task flow’s target view to include the corresponding page fragment.</li>
</ul>
Many of these default development constraints are the result of <af:popup> behavior being mainly client-side only. When a user discloses an <af:popup>, JavaScript on the client unhides the <af:popup> created previously when the page was initially displayed. When the <af:popup> is dismissed, JavaScipt on the client simply hides the <af:popup> again. In both cases, no event or request is sent to the server to refresh the region content or retrieve data based on the current application state. If the <af:popup> is displayed a second time, it simply redisplays the <af:popup> content remaining from the previous disclosure.
<br>
<b>Technical Pattern Description</b>
This document describes the recommended development approach for the “ADF Faces Popup + Region” pattern. Other development approaches may be possible to achieve the same desired use case behavior. The development approach described in detail within this document is considered the most comprehensive and least complex approach.
For releases <b>prior to</b> JDeveloper Studio Edition Version 11.1.1.2.0
Click here to see the pattern described in this document.
See the below blog entry for an overview of how this pattern is addressed in the JDeveloper Studio Edition Version 11.1.1.2.0 release as an ADF feature.
http://blogs.oracle.com/DavidGiammona/2009/09/task_flow_call_activity_run_as.html
Edited by: Richard Wright on Nov 17, 2009 5:28 PM
Edited by: Richard Wright on Dec 10, 2009 8:32 AM
Edited by: Richard Wright on May 13, 2010 1:04 PM

Hi,
I am wondering, if there a way to, while staying on the same popup (so, _without clossing popup), to refresh and restart region content from beginning ? For example, when user presses button on the popup, what I want, is :
1. stay on the same popup
2. release resources used by the corresponding task flow
3. refresh and restart dynamic region content (thus calling default task flow activity from the same task flow).
4. new content (depending on the default t.flow activity) should be displayed on the popup.
This can be used in the following use-case : Imagine that user inserts new record on the popup. Default activity is the CreateInsertRow.
When user press the 'Save and Create New' button, the data should be commited to the database, resources used by t.flow should be released, and default activity should be called again.
Thanks in advance,...
Richard Wright wrote:
<b>Problem Description</b>
> Regions can be incorporated into ADF Faces popup content to support potentially complex navigation through a series of pages to complete a task. Another important benefit of including regions within ADF Faces popups is content reuse. These great benefits make ADF Faces popups containing regions a commonly used application development pattern. Incorporating regions into <af:popup> content can seem similar to incorporating regions into a page, especially since an <af:popup> is actually considered part of a page. However, there are some important differences to keep in mind. When incorporating regions into <af:popup> content, the following default development constraints must be taken into consideration:(...)
>
For releases <b>prior to</b> JDeveloper Studio Edition Version 11.1.1.2.0
Click here to see the pattern described in this document.

Skillbuilder Modal popup turns black when click submit button

Hi,
Ive used the great skill-builder's plug-in to display my page 2 popup modally from page1 by clicking a button and it works as expected. However i realized when i click the Submit button on the popup page it turns black(pls get me right here its the background of the popup page-page2 not the first page-page1 i am talking about) while refreshing.
apex 4.1.0/Oracle 11g Ent,
any help please...regards.

Skillbuilder Modal uses software named "Colorbox" for its modal presentation. The first problem that you had probably occured because you had not yet selected a theme. The position of the close button varies depending on the theme that you select. You selected theme 1, therefore the close button is in the lower right hand corner. Some of the other themes may better suit your taste. There are 5 to choose from. BTW, these themes cannot be easily changed so you pretty much have to decide on 1 of the 5. I think Dan is working on some more options with future releases of SB Modal.

Modal message popup is causing TestStand ActiveX error

When I execute a modal Message Popup step, I get the following error:
ActiveX Error
sCode = 0xffffbba4
Source: TSAPI
Description: Could not connect to TestStands TSSync server.
If the Message Popup is not modal, the sequence executes just fine.
I am making the Message Popup modal by selecting the "Make Modal" option.

There is a call to TS_StartModalDialogEx function in the \API\CVI\tsutil.c file which in turn calls into the engine. The engine needs the sync server to implement the modality. I would assume that the file \bin\TSSync.dll is missing or not registered. You can register the dll by running "regsvr32.exe \bin\TSSync.dll". See if this fixes your problem.
Scott Richardson
National Instruments

Onload popup modal region

Similar Messages

Maybe you are looking for