Darken CF8 and MODAL Window??

Hi,
Is there anyway to change the overlay of a the background
when I create a cfwindow? Right now when I set modal:true in the
config it works fine, but I would like the background to be more
dimmed/darkened to make the cfwindow/popup stand out a bit more. I
frequently see sites with modal functionality and personally I
think it looks better when the background of the page is a bit
darker.
Any idea on how can I do this if at all?
Thanks,

WestSide, I think what you're trying to do is create a
lightbox effect. Look at www.dcbar.org/lightbox.cfm. There are
several parts that make the effect work on that page.
1. The embedded style sheet in the <HEAD> of the
document.
2. The link which triggers the lightbox to open:
<a href="javascript:void(0)"
onclick="document.getElementById('light').style.display='block';
document.getElementById('fade').style.display='block'">Show
the lightbox.</a>
3. The division on the page which contains lightbox content.
One thing I like about this solution is that it accepts anything as
lightbox content (a claim not all solutions can make):
<div id="light" class="white_content">
<form action="lightbox.cfm" method="post">
<table align="center">
<tr><td align="right">Username:
</td><td><input name="username"
type="text"></td></tr>
<tr><td
align="right">Password:</td><td><input
name="password" type="text"></td></tr>
<tr><td></td><td><input
name="submit" type="submit"
value="Submit"></td></tr>
</table>
</form>
<a href="javascript:void(0)"
onclick =
"document.getElementById('light').style.display='none';
document.getElementById('fade').style.display='none'">Close</a>
</div>
4. Finally the division on the page that creates the
translucent layer which makes the background appear to be inactive.
One special note about this part. Make sure it's not nested inside
a table or IE won't behave.
<div id="fade" class="black_overlay"></div>
I hope that's what you're after.
David

Similar Messages

Required:Autocomplete and Modal Window components for JSR 168 Faces Portlet

Hi All,
I need to use Auto-complete and Modal window in my JSR 168 Faces portlet. Are there any components readily available?
I am using WPS 6.1 + RAD 7.5. Please suggest.
Thanks and Regards,
Anitha.

You may want to take a look for RichFaces.
Homepage: [http://www.jboss.org/jbossrichfaces/]
Auto complete example: [http://livedemo.exadel.com/richfaces-demo/richfaces/suggestionBox.jsf]
Modal window example: [http://livedemo.exadel.com/richfaces-demo/richfaces/modalPanel.jsf]

Regarding TreeItemType and Non Modal window in WDA

Hello Guys,
I am showing data in tree format in WDA and handling onAction event of TreeItemType. whenever user is clicking the last node in hierarchy (UI element TreeItemType), I am navigating to detailed view.
the problem I am facing is that user is expanding the tree and selecting the child node to navigate to detailed view and now when he comes back to initial view, entire tree gets collapsed. and this leads user to again expand the tree.
Is anyone have idea on this problem. I wanted my first view to be same after user navigates to 2nd view and comes back to 1st one.
apart from this I have below question,
1) In WDA, we cannot have non-modal window. Correct?
2) If we call external window within WDA then the same application will not work in portal environment (WDA iView). Please let me know if this is correct?
Thanks,
Chandra

Hallo Chandra,
What you do when the control returns from view-2 to view-1 ? . Tree is not collapsing itself i suppose. Some how ,Contexts are being manipulated or node is invalidated forcing supply function to call.
You could save the lead selected item before you navigate to view-2. When you come back again position the correct item.
> 1) In WDA, we cannot have non-modal window. Correct?
In what context you mean ? you can have external_window or link_to_url.
If you mean popup then it is not possible to have non-modal.
> 2) If we call external window within WDA then the same application will not work in portal environment (WDA iView). Please let me know if this is correct?
This is correct.

How to trigger the automated row fetch process and open modal window by javascript api?

Hi,
I would like to click the one row of column of IR report, to open the modal window of current page. <----------------it is ok. I can use "javascript:openModal('windowID')" to do it.
There is one form in this modal window, Meanwhile, I would like to pass column data to this form.    <--------------------- it is ok also. I can use " $s('P7_ID','column_value');" to do it.
But I don't know how to trigger the "automated row fetch" process of this form to retrieve other field's value in this form.
I tried to use following 2 ways. But failed.
First method:
add one ajax process of "automated row fetch" in "page processing" block, named "get_fetch_data"
when click IR column , call "openModal", and call "apex.server.process ( "get_fetch_data", {}, { success: function( pData ) { } } );" , I tried to call above ajax process to refresh form. It is failed.
Second method:
add one process of "automated row fetch" in "page rendering" block, named "get_fetch_data"
when click IR column, call javascript api "apex.submit" to submit current page , then call "openModal".
such as : javascript:apex.submit({request:'MODIFY',set:{'P7_ID': #ID#}}); openModal('trade');
But it is failed also. the modal page is showed firstly. then page refresh. but modal window will not open again.
I am not sure if my thinking is right. Could you please provide any suggestion?
Thanks in advance,
Ping

Hi Ping,
You can try to set the session state of your modal page's primary key before opening the modal page. Use one dynamic action (on click of IR row) with two true actions. First one to set session state of modal page pk, second on to open modal page.
Or you can add the modal page url as link in your report by extending your query:
select ...
,         apex_util.prepare_url( 'f?p='||:APP_ID||':7:'||:APP_SESSION||'::'||:DEBUG||':7:P7_ID'||COLUMN_VALUE ) as link
from ...
This will give you the url of the modal page, with set primary key.
Regards,
Vincent Deelen
http://vincentdeelen.blogspot.com

How to create a form and show it as a modal window in VB6?

oform.modal -> modal is read-only property
help,please.

Hi Santiago!
HTH: How to create a form and show it as a modal window?

How to create a form and show it as a modal window?

Hi!
How can I create a form and display it as a modal window
using VB.NET?
Thanks
Zoltan Sutto

The sample 12 of the UI shows how to create a modal form.
The idea is to add a small code in the sub SBO_Application_MenuEvent and SBO_Application_ItemEvent
you set the UID value of your form in a variable when you open it, then you can add this code after the two above sub
If Not IsNothing(mst_MyModalUID) Then
   Dim dsa_Form As SAPbouiCOM.Form
   For Each dsa_Form In Me.SBO_Application.Forms
      If dsa_Form.UniqueID = mst_FormUIDSon Then
'Form still available
         Me.SBO_Application.Forms.Item(mst_FormUIDSon).Select()
         BubbleEvent = False
         dsa_Form = Nothing
         Exit Sub
       End If
     Next
     dsa_Form = Nothing
'Form closed, set the uid to nothing
     mst_MyModalUID= Nothing
End If

Adobe Form NOT getting displayed in WebDynpro Modal Window (Pop Up)

Hi,
I am trying to display the table data in a Interactive Form. I have used TABLE UI element in Interactive Form. When the user clicks on a EXPORT button this form is displayed in a pop up window (Modal Window). This form is not getting displayed for most of the users. In some PC's it is getting displayed, strange is all their browser versions and OS versions are same.
Portal Version: NW04s SP8
NWDS Version : NW04s SP8
Adobe Live Designer: 7.1
Acrobat Reader: 7.0.8
I tried changing the display type (property of Interactive Form Element) to NATIVE, it is not working at all. If i change it to "activeX", then it works in some PC's.No logs are found in the server as well as in the client PC as well.
Please let me know if you have come across this problem, looking forward to your solution.
Thanks
Senthil

Hi,
It seems to be available only for ABAP version. I cant find it in the java version.. check this..
<a href="http://help.sap.com/saphelp_nw2004s/helpdata/en/9f/656442a1c4de54e10000000a155106/frameset.htm">Help SAP Link for Java Reference</a>
And even in ABAP , the pre-requisite seems to be installation of ACF,
The exact words
<i>
Adobe Reader (>= 7.0) and, if you are creating interactive forms, also the ActiveX Control Framework (ACF) installed on your computer. Also see SAP note 834573.</i>

Adobe Form not getting displayed in WebDynpro Modal Window

Hi,
I am trying to display the table data in a Interactive Form. I have used TABLE UI element in Interactive Form. When the user clicks on a EXPORT button this form is displayed in a pop up window (Modal Window). This form is not getting displayed for most of the users. In some PC's it is getting displayed, strange is all their browser versions and OS versions are same.
Portal Version: NW04s SP8
NWDS Version : NW04s SP8
Adobe Live Designer: 7.1
Acrobat Reader: 7.0.8
I tried changing the display type (property of Interactive Form Element) to NATIVE, it is not working at all. If i change it to "activeX", then it works in some PC's.No logs are found in the server as well as in the client PC as well.
Please let me know if you have come across this problem, looking forward to your solution.
Thanks
Senthil

Hi,
even though this is quite an old post, it still could be worth for someone to have a look at Note 1342716.
Michal

How to show modal window without popup in a web page using javascript

Hi,
How to show modal window without popup in a web page using javascript, means when the modalwindow is opened it should not ask for popup blocker alert......
pls help me.....

Thanx for ur reply,
Actually the senario is when i click on a button, another jsp page should be displayed in a modal window without popup, but the functions alert() and confirm() will not accept the url path of the another jsp page...

Web Dynpro Dialog Box / Modal Window is not working properly on firefox

Hi All,
We are having problems with Web Dynpro Dialog Box / Modal Window in Firefox. Dialog Box / Modal window won't show up properly on. They look like transparent windows. Our server is Netweaver 7.0 SP 19.
Same code is working fine in Internet Explorer. Please advise on this. Below is the code I am using.
Modal Window:
IWDWindowInfo windowInfo = wdComponentAPI.getComponentInfo().findInWindows("SomeWindow");
IWDWindow sampleWindow = wdComponentAPI.getWindowManager().createModalWindow(windowInfo);
sampleWindow .show();
Confirmation Dialog Box:
IWDWindow dialogBox = wdComponentAPI.getWindowManager().createConfirmationWindow(
"Click OK to save data", IPrivateSampleView.WD_EVENTHANDLER_ON_ACTION_SAVADATA, "OK");
dialogBox.show();
Thanks
Sreekanth

Hi,
Maintenance and Availability of SAP NetWeaver 7.0 [original link is broken]
Last Item:
Product Availability Matrix
SAP NetWeaver 7.0 Product Availability Matrix   (SMP login required)
Application Server - Java
FIREFOX 2.0 LINUX REDHAT EL3/IA32 32BIT Released 01.04.2008
FIREFOX 2.0 LINUX REDHAT EL4/IA32 32BIT Released 01.04.2008
FIREFOX 2.0 MAC OS X 10.2 Released 01.04.2008
FIREFOX 2.0 MAC OS X 10.3 Released 01.04.2008
FIREFOX 2.0 MAC OS X 10.4 (TIGER) Released 01.04.2008
FIREFOX 2.0 SUSE LINUX 10.1 Released 01.04.2008
FIREFOX 2.0 SUSE PROFESSIONAL 9.3 Released 01.04.2008
FIREFOX 2.0 SUSE SLED 10 Released 01.04.2008
FIREFOX 2.0 WIN 2000 PROF. Released 01.04.2008
FIREFOX 2.0 WIN VISTA 32-BIT Released 01.04.2008
FIREFOX 2.0 WIN XP 2002 HOME 32-BIT Released 01.04.2008
FIREFOX 2.0 WIN XP 2002 PROF. 32-BIT Released 01.04.2008
FIREFOX 2.0 WINDOWS SERVER 2000/IA32 32BIT Released 01.04.2008
INTERNET EXPLORER 6.0 WIN 2000 PROF. Released 01.02.2006
INTERNET EXPLORER 6.0 WIN XP 2002 HOME 32-BIT Released 01.02.2006
INTERNET EXPLORER 6.0 WIN XP 2002 PROF. 32-BIT Released 01.02.2006
INTERNET EXPLORER 6.0 WINDOWS SERVER 2000/IA32 32BIT Released 01.04.2008
INTERNET EXPLORER 7.0 WIN VISTA 32-BIT Released 01.04.2008
INTERNET EXPLORER 7.0 WIN XP 2002 HOME 32-BIT Released 01.04.2008
INTERNET EXPLORER 7.0 WIN XP 2002 PROF. 32-BIT Released 01.04.2008
Hope it helps
Regards,
Daniel

How do you open a modal window from an Edge Animate button?

I am trying to create an animated group of buttons that open a Bootstrap 3 modal window when clicked. The animation (OAM file) is placed on the Bootstrap page.
This code is added to Animate "CREATION COMPLETE" for button creation and button click:
// Button 1
var btn1 = sym.createChildSymbol("HomeButton", "menu");
   // Convert/store a reference to the symbol as a string representing the element name of the symbol instance.
var btn1_e = btn1.getSymbolElementNode();
   // Now can use that element string and convert it to a DOM element to use with jQuery to call its css properties
   // and adjust whatever you'd like, including its position property
   sym.$(btn1_e).css({"position":"relative", "margin":"10"});
btn1.getVariable("setLabel")("Print Work");
btn1.getVariable("setDescription")("Examples of Telex advertisement");
btn1.$("MyImageBox").css("background" , "url(images/telexads_full269x151.jpg) no-repeat");
btn1.getSymbolElement().click(function() {
          console.log("button 1 was clicked");
document.getElementById("myModal");
$('#myModal').modal('show');
The div for the modal is on the main HTML page. I want to have the modal open a larger image of the button. Basically a lightbox for the Edge Animate stage, but it has to access the div on the parent HTML document (not the EdgeAnimate.html).
Here is the error from the Chrome Javascript console:
Uncaught TypeError: Object [object Object] has no method 'modal' portfolioButtonStage_edgeActions.js:4
(anonymous function)portfolioButtonStage_edgeActions.js:4
f.event.dispatchjquery-1.7.1.min.js:3
h.handle.i
I've tried Edge Commons Spotlight, but that doesn't open on the page correctly; it puts the image at the bottom of the main page.
Any ideas? Thanks

I am trying to create an animated group of buttons that open a Bootstrap 3 modal window when clicked. The animation (OAM file) is placed on the Bootstrap page.
This code is added to Animate "CREATION COMPLETE" for button creation and button click:
// Button 1
var btn1 = sym.createChildSymbol("HomeButton", "menu");
   // Convert/store a reference to the symbol as a string representing the element name of the symbol instance.
var btn1_e = btn1.getSymbolElementNode();
   // Now can use that element string and convert it to a DOM element to use with jQuery to call its css properties
   // and adjust whatever you'd like, including its position property
   sym.$(btn1_e).css({"position":"relative", "margin":"10"});
btn1.getVariable("setLabel")("Print Work");
btn1.getVariable("setDescription")("Examples of Telex advertisement");
btn1.$("MyImageBox").css("background" , "url(images/telexads_full269x151.jpg) no-repeat");
btn1.getSymbolElement().click(function() {
          console.log("button 1 was clicked");
document.getElementById("myModal");
$('#myModal').modal('show');
The div for the modal is on the main HTML page. I want to have the modal open a larger image of the button. Basically a lightbox for the Edge Animate stage, but it has to access the div on the parent HTML document (not the EdgeAnimate.html).
Here is the error from the Chrome Javascript console:
Uncaught TypeError: Object [object Object] has no method 'modal' portfolioButtonStage_edgeActions.js:4
(anonymous function)portfolioButtonStage_edgeActions.js:4
f.event.dispatchjquery-1.7.1.min.js:3
h.handle.i
I've tried Edge Commons Spotlight, but that doesn't open on the page correctly; it puts the image at the bottom of the main page.
Any ideas? Thanks

How do I include/show data from a child table in a Modal Window?

How do I show data from a child table in a Modal Window?
I have an application where each customer might have multiple addresses and phone numbers which are stored in child tables. When I show the customer in a record on a screen I can place a Modal Window button on the screen which can be pushed at runtime
to display detail information for the particular customer parent table which works great. However, I would also like to display the data from the address and phone number child tables. Is there a way to do that? Or can I just launch a hole separate screen
which would automatically display the needed data for the particular customer? If yes, how?
Thank you for any help.

I am not even sure how to describe my situation in such a way that this forum incident would be of benefit to other people as I think it is fairly unconventional.
The “add contactaddress” link does not show up on the right.
The contactaddress table is a child of the contact table.
The contact table is a child of the contactlink table.
And the contactlink table is a child of the person table.
I have it set up this way because the contact in the contact table may be a contact to multiple persons in the person table and I do not want to re-enter the contact info every time the contact is used.
In the list detail screen of the person table I can see the contactlink child collection so that I can see the name of the person in the contact table at runtime. However, the contactaddress collection is not related to the person table so it does not show
up on the right hand side of the design screen as an “add contactaddress”; nor is there “add contact” link.
What I would like to happen during runtime is that it is not necessary to switch screens from the person list detail screen to a contact list detail screen to see the addresses and phone numbers for the contact.
Is my setup unnecessarily convoluted? Is there a better way? Please see the two snapshots below.
Perhaps there is a way to call up a Detail screen from the List Detail at runtime?
Anyway, if you are still reading, thank you very much for your help.
jjjjj

The LOV modal window could not return value to the base page

when practicing the "create1" task in tutorial, met an issue.
when create an employee, manageName is a messageLovInput and managerID is a messageTextInput.
The issue is the LOV modal window could not return value to the mangerName, but can return to managerID .
If I remove the data boud porperties of the managerName (the bc4j porperties of view name-EmpFullVO and view attribute-MgrName), the lov works fine.
What is the reason?

James I would suggest to read the LOV topic in OAF developers' guide. Lov mappings are responsible for bringing pop up values to base page in LOV.
--Mukul

JRE 1.5.0_13 problem with Modal Window

We have stand alone browser based application built on HTML, Javascript, and Java (non-GUI applet). We were running the Sun JRE 1.4.2_06, but have recently upgarded to 1.5.0_13. As soon as we upgraded to 1.5, started experiencing the below problem -
The HTML screen displays a modal windows which makes a Java call to the MQClient software through Applet (via OBJECT Tag) to communicate with mainframe. The MQClient Java code seems to be blocked until the user clicks on any other area of the screen to shift the focus from our modal dialog to any other window (either clicking on the task bar, clicking on another window in the background, or hitting Alt/F10 key).
The same code runs fine with JRE 1.4.2_06.
Based on a further analysis+ it seems like there is an issue, when a modal html window makes a java call for creating a socket connection (other then localhost). In this scenario, socket is never created unless you drag a modal window or move a focus away from a modal window.
Above problem seems to be resolved with JRE 1.6.0_10.
Edited by: Ashwani_Saxena123 on Oct 31, 2008 5:42 AM

Ashwani_Saxena123 wrote:
Ours is a stand-alone browser based (IE 6.0) application, which communicates between JavaScript to Java using Applet (with Object Id tag).Why? What for?
.. All the Java class files are bundled in a zip file under different packages and Zip file path is provided at run time when Application starts. It is safest to distribute classes and application resources as Jar files. One reason is that Sun decided to not bother even checking Zips for digital signatures, so no trusted app. can afford to try loading Zip files.
..The path of Zip file is at C:\EALife\Program ...Whoa up a second there!
If this applet is only ever being loaded on the same machine as the codebase, why is it an applet at all? It would make more sense to distribute/install an application.
If this applet is being loaded by PCs at remote locations, then the will probably not have a C:\EALife\Program path at all (especially is they use Ubuntu, like here).
..and home directory path is C:\EAFramework\Program\Screens. We are putting all paths in a single variable (APP_CLASS_PATH) and using that variable as a parameter value in Object Id tag for creating an Applet. Below is the code snnipet for Object Id tag -Sun has championed a script to use for applet versioning and writing the applet element. I suggest you use it instead, it is known as 'deployJava.js' - see top hit at Google for details.

Creation of blocking modal windows

Hi
I’m struggling, for sometime now, with the famous
a-synchronic behavior of flex.
I’m trying to develop a function that resembles the
famous VB “MsgBox ()” and opens a UI container (e.g.
like a Title window) in Modal mode while blocking the continuation
of the rest of the code until the UI closes.
I would like to be able to write something similar to the
following set of commands:
MsgBoxInFlex( …..); \\ blocks operation until UI closes
if (x=……)
Problem – as far as I know – is that such a call
to a function (i.e. MsgBoxInFlex) returns the control to the
calling code after the function has finished with no connection to
UI container status. This means that the if command will be running
as soon as the UI will be created and displayed.
Is there a way to both create and work with on the UI
container before the MsgBoxInFlex function returns?
Is there a way to return after a different event - such as
form closure?
Is there a way to capture and block the creation completed
event from being transmitted and decide on when to send it?
Any ideas will be welcomed.
Thanks
Raz

Thanks for your response –
The problem with using popup modal windows (such as Alert) is
that the calling program does not stop from executing while in VB
(or in other tools) the application waits for the Modal window
thread to return.
Raz

Darken CF8 and MODAL Window??

Similar Messages

Maybe you are looking for