Add a Scrollbar to a popup window

Hello,
I have a calendar in an application that lists appointments. The appointment is a link that opens a popup windows that gives the appointment details. The problem is the popup window does not have a scrollbar and for some users all of the text is not visible. Is there an easy way to add a vertical scrollbar to a popup window in APEX?
I am using APEX 4.1 on an Oracle 11g database.
Thanks,
Bob

The overflow:scroll; is a css rule. The way your page is written, if you simply put this rule in here
body,td,th {
    font-family: Comic Sans MS, cursive;
    font-weight: bold;
    font-size: 14px;
    color: #5A1E02;
I think it will cause you problems.
I would say create a class, like so
.scroll     {
     overflow:hidden;
You would put this in your css.
Then in the html, I would add the class the the <td> that you want to scroll. So change this
<td height="422"><img src="http://www.bearground.com/exads/alicanad/images/programagrizzly.jpg" width="599" height="637" /></td>
to this
<td class="scroll"><img src="http://www.bearground.com/exads/alicanad/images/programagrizzly.jpg" width="599" height="637" /></td>
See what that does for you.
Gary

Similar Messages

How can I add horizontal scrollbars to pop-up windows?

When I generate WebHelp, the pop-up windows that I created in the help have vertical scrollbars but no horizontal scrollbars. It hasn't been a problem for me, but another user told me that the pop-up boxes are running off the screen to the right and without the horizontal scroll bars, he can't read all of the text.

Yes you can but you'd need to add some JavaScript to your topic. Either that or amend the code already there. You should be aware though that there maybe differences in how they operate in different browsers. You maybe better off trying to change the size of your popups or adjusting the content in them. You can set a popup to any size by using the Custom Sized Popup option when creating the link.

How do you add a ScrollBar to a custom window swf panel?

I recently made a tool for flash with the help of JSFL. The panel that was made is a little too large for my screen and I was wondering how to put in a scrollbar for it. Without the ability to scroll down I'm unable to reach certain properties located at the bottom of the panel.
I know the ScrollBar component is for only TextFields, but the ScrollPane is able to be used for other things such as MovieClips and swf files. However, when I tried to use the ScrollPane all I get is a blank screen. Any suggestions?

Thanks for the reply, it's just a panel that's being used in my Flash CS6. I'm using the Extension Manager to package it up using an mxi file to create a zxp which installs is to Flash. In order to publish the swf I'm just doing Control > Test Movie > Test, there's no html file being output.

Popup Window / Add comments

1. I am in search of a popup window script/tool. I am coming
over from GoLive and I used to use MindPalette's Open Popup. I have
used the behavior built into DW but am looking for more options
such as filling the popup window to the screen.
2. Was also wondering how to add a comments section to a page
like usatoday does to many of their pages. You have to login to
post a comment.
Thanks.
SH

Did you try DW's OpenBrowserWindow behavior?
> 2. Was also wondering how to add a comments section to a
page like
> usatoday
> does to many of their pages. You have to login to post a
comment.
Google "guestbook".
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"shoutzager" <[email protected]> wrote in
message
news:gklft5$nh5$[email protected]..
> 1. I am in search of a popup window script/tool. I am
coming over from
> GoLive
> and I used to use MindPalette's Open Popup.
>
> 2. Was also wondering how to add a comments section to a
page like
> usatoday
> does to many of their pages. You have to login to post a
comment.
> Thanks.
> SH
>

Scrollbar inside Popup Window

Hi Experts,
I have created a popup window with a table inside that. Data is getting populated from BAPI into this table.
Please tell me the procedure for creating a scrollbar inside the table.
Thanks.

Hi
No need to create scrollbar inside the table fro popup or any element It will introduce whenever it required.
Just set the number of rows for table 5 ,10 etc Once data from BAPI/RFC will more than this number scroller
will comes automatically.
Best Regards
Satish Kumar

How to add a popup window

I have a find button in my panel, on click of that button i shld invoke the popup window, to recive the search option.
Can someone tell me that how to invoke/create a popup window in java swings.
Thanks in Advance.

Dheeraj_Gaba wrote:
You are wrong :)how come?Sorry, that reply was for the OP.

Can I add a Close button to a popup window?

My RoboHelp 10 project has nested popup windows (that is, I can open a popup window within a popup window within a popup window). The problem is, when I close the popup window at the lowest level, all of them close simultaneously. This is not good for navigation, particularly if the user is following instructions in the popup window and needs to go back up one popup window level.
Is there a method by which I can close each individual popup window, for example, by adding a Close button to them? In other words, can I change the format of the popup windows?
Your help will be much appreciated in finding a solution to this problem because it is fundamental to the way we want our Help to function. If a solution can not be found, we may have to change to another product to produce our Help.

Hi,
You can create a close buton by creating a link as follows with the following address:
javascript:self.close()
But I'm not sure whether this will work correctly with RoboHelp generated popups.
Another question: why would you want multiple popups? Wouldn't it be better to create a popup that can tthen redirect to another topic? Having lots of windows wil become very confusing very fast.
Greet,
Willam

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.

Session lost (IE5 & IE6) when opening popup window.

Ok, I've been struggling with this problems for days and spent countless hours with google without finding any decent solutions.
I'm building a ecommerce site and if the user want to see additional information + pictures from a product, he/she can open a popup window that also has "add to cart"-submit field.
UserID and some other necessary data is kept in sessions but IE5 / IE6 seems to loose these in this new window when opening it via javascript (popup).
If I have understood right, the session is lost because IE considers the new window as a new task and therefore it is out of the "session scope".
Ok, one might say that using encodeUrl()-method should fix this problem, but no it doesn't. encodeURL()-method writes the session to URL only when user has disabled the cookies and in my situation it's not the case.
Has anyone here been struggling with the problem above ? I've been considering if I encode the UserID and other information manually to the URL and decode it back in the popup, but that brings n+1 security issues to my mind and doesn't really sound like a decent solution.
Thanks in advance,
- Roni
p.s: Sorry about my crappy english.

Hmm,
I did a small test and managed to get the sessions to work with IE.
the main page:
<%@ page language="java" %>
<%
session.setAttribute("foo", "bar");
%>
<html><head><title>sessiontest</title>
<script language="javascript" type="text/javascript">

</script>
</head>
<body>
sessionattribute <b>foo</b> has value <b>bar</b><p>
<a href="javascript:popUp('<%= response.encodeURL("sessiondebugpopup.jsp") %>')">link to popup</a>
</body>
</html>popup:
<%@ page language="java" %>
<html><head><title>sessiontestpopup</title>
</script>
</head>
<body>
attribute value is:<p>
<b><%= (String)session.getAttribute("foo") %>
</body>
</html>This works just fine, but the code in the actual application does not differ from this.
Only difference I can figure out if that the .js popup() function is located in header.jsp and the call to the popup is in other .jsp that includes the header.
Here's the call to the popup in the application:
<a href="javascript:popUp('<%= response.encodeURL("pop.jsp?prod="+ rs2.getString("tuo_tuonro") +"&img="+ cnt.getPictureURL(rs2.getString("tuo_tuonro"), cnt.getUserId(user)))%>')">link</a>And the above code works just fine with firefox/opera/etc, but not with IE5/IE6 (haven't tried other IE versions though).
This is really getting annoying.

Popup window in JSF

Hi All,
In Java EE Application i have created two JSF pages. When i click a button in first JSF, the second JSF page should appear in a pop up window. Is that possible.
Let me also know how to add a pop up in JSF.
Regards,
Manickka.

In your case, If you really need a popup window I think that an option that will work is use a h:commandLink:
- Use the onclick method of the h:commandLink to open a blank new page, with the name for example "blankPopUp".
- Use a h:commandLink to navigate to the second page. The action method can be used to run a JSF navigation.
- Use the target method of the command link to point to your window opened via javascript in the onclick event. In this case the target will be "blankPopUp". Then your content returned by the JSF navigation will be rendered in the already opened popup window. Then you will work with two windows, it will be like two tabs in your browser, but in this sample, only one will be a tab and another will be a popup window.
Sample code:
<h:commandLink id="openPopUp" value="OPEN POPUP" target="blankPopUp" onclick="window.open('','blankPopUp','status=no,toolbar=no,location=no,menubar=no,resizable,width=1008,height=690,scrollbars,left=100,top=50');" action="#{yourBean.navigateToSecondPage}" />Regards.
Edited by: kerule on 29-abr-2012 15:07

How to have a PopUp window on a Navigation Bar Entry

Hi All,
I want one solution,I want to add a popup window in a navigation bar,I am using apex 3.0.1. Can anybobody please help me with this.
Thanks

Hello,
Try:
javascript:window.open('http://www.oracle.com','_blank','toolbar=1,location=1,directories=1,status=1,menubar=1,scrollbars=1,resizable=1,width=630,height=450');
Or even better : create you own function for opening an new window and setting the properties.
Greetings,
Roel
http://roelhartman.blogspot.com/
http://www.bloggingaboutoracle.org/
http://www.logica.com/

Automatically close a popup window?

I have a javaScript opening a flash video (swf) file in a
popup window. Is there anyway I can have the window close
automatically when the flash video gets to the end and stops
playing?
here is the code I used below:
<script language='javascript'>

</script>
The above is in the HEAD of my html, below is in the BODY:
<a
href="javascript:acePopup('myvid.swf','acePopup','400','300','center','front');">"I
started by checking out their website..."</a>

On myvid.swf you'll need to add actionscript to listen for
the movie to end, then fire off a javascript command to close the
window.
Give the FLV Playback component the instance name vid and
place this code on the frame that has the component:
var vidList : Object = new Object();
vidList.complete = function() {
getUrl("javascript: close();")
vid.addEventListener ("complete",vidList);
stop();
Here is the tricky part... you need to get the javascript
function on the html page that pops up:
<script language=.....>
function close():
self.close();
</script>

Even though block popup windows is unchecked in content tab of options, I am still not getting any popups. Please help me.

Hi - Even though block popup windows is unchecked in content tab of options, I am still not getting any popups. Please suggest how to over come this problem.

Start Firefox in <u>[[Safe Mode|Safe Mode]]</u> to check if one of the extensions (Firefox/Tools > Add-ons > Extensions) or if hardware acceleration is causing the problem.
*Switch to the DEFAULT theme: Firefox/Tools > Add-ons > Appearance
*Do NOT click the Reset button on the Safe Mode start window
*https://support.mozilla.org/kb/Safe+Mode
*https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes
Did you make sure that your security software isn't blocking the pop-ups?
Boot the computer in Windows Safe Mode with network support (press F8 on the boot screen) as a test.
*http://www.bleepingcomputer.com/tutorials/how-to-start-windows-in-safe-mode/

Save and close popup window

I have a typical popup window launched using the builtin javascript:popupURL().
I would like a Save and Close button on this popup window that does
1. Submits the popup page so that changes are saved into session state
2. Close the popup window
3. Refresh the parent window so that updates in (1) are reflected
What is the recommended way of doing this? I was thinking of the following URL redirect on the Save & Close button
doSubmit('SAVE');
window.opener.location.reload();
window.close();Do I need a same-page branch on the popup page? If so, why? If not, why? ;-)
Comments?
Thanks

This is a bit of javascript that I nicked which works well for me:
-- 1. Add the folowing to your page header or create a new page template --
-- (popup window template) and put it in the header section. --
SCRIPT LANGUAGE="JavaScript">
function loadinparent(url, closeSelf){
self.opener.location = url;
if(closeSelf) self.close();
</SCRIPT>
-- 2. Use the following to call the function. the true and false keeps the parent--
-- window open or closed. Obviously set any values in the URL. --
javascript:loadinparent(''<URL>'', true)
eg. javascript:loadinparent(''f?p=&APP_ID.:40:&SESSION.::NO::P40_ID:'||ID||''', true)
-- Inc the following comment in your header --
-- Version 1.0
-- Last Updated: May 18, 2000
-- Code maintained at:
-- http://www.moock.org/webdesign/javascript/
-- Copy permission granted any use provided this notice is unaltered.
-- Written by Colin Moock.
Simon

Custom pushbutton in ME21N should display a popup window with item details

Hello,,
The requirement is to
1. Add a custom pushbutton in ME21N screen at header level.
2. The user will select some PO line items and will click on this push button.
This inturn should trigger a popup window with item details only for those selected PO line items along with schedule line qty.
I have created the custom push button in a custom tab using the BADI ME_GUI_PO_CUST.
Now I am not able to retrieve item details and schedule line details inside the PAI of the custom tab..
i.e., when i click on the custom push button, I am not able to retrive the item data and schedule line data.
Please help me to retrive PO line item data and schedule line data.
Regards,
Sharah

JSF is not so relevant in this question. It's all about how the generated client side code look like. Which is usually a bunch of HTML/CSS/JS (open page in browser, rightclick and view source). If you know HTML, you should know that using target="_blank" in a <form> or <a> element would open a new window. If you know JS, you should know that using window.open() would open a new window.
Apply this so in the JSF source code so that the generated HTML/JS output is exactly what you want.

Add a Scrollbar to a popup window

Similar Messages

Maybe you are looking for