Scrollbars in regions

Hello,
I am newbie in this tools and maybe this can be trivial. I need to insert a scrollbar in a region, Can be this possible?. I have several regions and need to make available a scrollbar in one of them since there can be a wide text (I have an item inside it). Is this possible?, or the only way to have an scrollbar is placing it in the whole Pages Group?
Thanks in advance,
Izzat

You can't place a scrollbar in a region.
You can use iFrames in a portlet to implement scrolling in a page. However, iFrames only work in the newest browsers.
Regards,
Jerry
PortalPM

Similar Messages

How to add vertical scrollbar to a tree region

Hi,
I have a page containing two regions. The first is a tree region displayed on the left hand side of the page. The second is form region displayed to the right of the tree, showing details relating to the selected node from the tree.
How can I add a vertical scrollbar to the tree, so that I can I browse all nodes in the tree without affecting the position of the form? Currently, if my tree extends beyond the height of the page I have to use the page vertical scrollbar to view the bottom of the tree. This obviously means that the form is no longer in view.
Thanks
Andrew.

Hi Andrew,
You can't add a scrollbar directly to the region's contents, but you can wrap the contents within a DIV tag.
In the Region Header add in:
<DIV style="height:500px; overflow:auto">
In the Region Footer add in:
</DIV>
Obviously, change the height value to suit your needs.
Regards
Andy

Scrollbar in a tab region

How to display scroll bar in a tab region? I have a portlet in a tab region that has got lot of contents. Is it possible to display scrollbar just for this region so that I can still see the tab?

Hello Manikandan,
The most easy way to do it is to use a style. I have put last month a little tip about that in my blog:
http://www.grallandco.com/jBlog/home.do?blogId=3
Regards
Tugdual

Sidebar region with scrollbars

I am using the 'Sidebar with no tabs' template on my pages. My sidebar region has moe items verticallly than the other regions. Why am I not seeing a scrollbar in my sidebar region, so it can scroll indepenently of the other regions? Currenly ,the scrollbar display for the entire page?

Hello,
Why would you expect to see scrollbars there automatically?
Did you change your html to put them there?
Isn't the standard result of an HTML page when the content is more than the visible screen to put a scrollbars on the whole page.
That being said you can edit your template either sidebar region or the page template with something 'like' this and you will get your second set of scrollbars.
<div style="overflow:auto;height:600px;">..........Content Here..........</div>
If you can't get it to work you should put an example on htmldb.oracle.com. UI problems are very hard to debug if you can't see them.
Carl
Message was edited by:
cbackstr
Message was edited by:
cbackstr

After inserting editable regions, DW CS3 tells me none exist...?

I am having muliple problems with templates on this particular project, that I have never seen before. I was going to break them into multiple
questions, per the instructions here at the forum, but all of these relate to the same template code, which I will post below, so I think it would be
more efficient to include the related questions in this thread.
Background
I created this template by first scraping the client's existing site, which is a dynamic CMS site, with HTTrack. Secondly, I opened the HTML file generated by that processs, and saved it as a template in my DW project, which automatically assigned it to the "Templates" folder, and is accessable via the "Assets" panel (usual stuff.)
The reason for starting with a scraped version of existing is that this project involves moving the site off of the CMS platform and into HTML/CMS, yet preserving essentially the same design.
1. The most obvious problem I have is that in the subject line: after adding a couple of editable regions to my template,
when I save/preview, an error message comes up saying "your template has no editable regions, do you want to proceed?"
2. In doing the save as template operation, I am prompted with "Update links?" and I do. When I open the template, all looks good in DW, however as soon as I do a preview, I get a completely raw html page with NO css styling, no images, no fonts, etc. Conversely, if I do the same step, yet choose not to update links when prompted, then I get a template that looks completely bare in DW (no styling, no images, etc.) yet looks fine when previewed...?
Additionally, one other thing I tried was doing the save as template, choosing not to update links, and then moving it out of the templates folder into the main project folder - Here, it both looks fine in DW, and previews, yet I am unable to use it as a template (does not appear in assets, cannot use "create new from" or "apply", etc.)
I have also tried changing from "site root" to "document" in terms of linking, yet nothing has worked. Every time I have created a template on other projects, all has just worked fine from the start, so I am really stumped here.
The project will have too many pages to not use a template for updates, so I am hopeful that I can figure out what is causing this. Following is my template code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head profile="http://gmpg.org/xfn/11">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

<title>Home | Records Management Center</title>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<base href="http://records-storage.biz/RMCAugusta/">
<meta name="robots" content="all" />
<meta name="description" content="records management center augusta's choice for data storage, records management, document shredding.">
<meta name="keywords" content="augusta, data, storage, records, management, document, shredding, center">

<link rel="stylesheet" type="text/css" href="../include/scripts/css/screen.css" />


<script language="JavaScript">

</script>
<script type="text/javascript" src="../include/scripts/jquery/jquery1.2.6.js"></script>
<link rel="stylesheet" type="text/css" href="../include/scripts/superfish/superfish.css" media="screen">
<script type="text/javascript" src="../include/scripts/superfish/superfish.js"></script>
<script type="text/javascript" src="../include/scripts/superfish/hoverIntent.js"></script>
<script type="text/javascript" src="../include/scripts/jquery/site.js"></script>
<script language="Javascript" src="../include/scripts/rotate.js"></script>
<link href="/RMCAugusta/common/wsaglobal.css" rel="stylesheet" type="text/css" />
</head>

<body>
<div id="container">
<div id="header">
<h1>
<a class="logo" href="../index.html" title="Home Page">
<img src="../images/RMC-logo.gif" alt="Home Page" /></a>
</h1>
<div id="supernav">
<a href="../index.html" title="Go Home">Home</a> |
<a href="#" title="FAQ">FAQ</a> |
<a href="../common/feedback_footerc73a.html?PAGE=355" title="Contact RMC">Contact Us</a> |
<a href="../common/contentff2a.html?PAGE=353" title="Client Login">Login</a> |
</div>
<div id="searchsite">
<form action="http://www.recordsmanagementcenter.com/common/textsearch-std.asp?PAGE=375" method="post" id="Search" title="Search">
<input type="text" name="i_search" class="searchbox" value="Search Site..."
onfocus="if (this.value == 'Search Site...') {this.value = '';}"
onblur="if (this.value == '') {this.value = 'Search Site...';}" />
<input type="submit" class="submit" alt="Submit" value="Search" />
</form>
<div class="clear"></div>
</div>
<div class="clear"></div>
</div>
<div id="topnav">
<ul id="menu" class="sf-menu">
     <li><a href="file:///C|/Documents and Settings/sunni/My Documents/1-DelSurSEO/FlourishPress/common/contentd618.html?PAGE=350">About RMC</a>
       <ul >
        <li><a href="file:///C|/Documents and Settings/sunni/My Documents/1-DelSurSEO/FlourishPress/common/content9a68.html?PAGE=356">Customer Bill of Rights</a></li>
          <li><a href="file:///C|/Documents and Settings/sunni/My Documents/1-DelSurSEO/FlourishPress/common/content0864.html?PAGE=369">My Three Point Pledge</a></li>
          <li><a href="file:///C|/Documents and Settings/sunni/My Documents/1-DelSurSEO/FlourishPress/common/content1f72.html?PAGE=363">Testimonials</a></li>
          <li><a href="file:///C|/Documents and Settings/sunni/My Documents/1-DelSurSEO/FlourishPress/common/content3fb4.html?PAGE=364">Our Facility</a></li>
        <li><a href="#">Newsletter</a></li>
        <li><a href="#">Special Offer</a></li>
     </ul>
</li>
     <li><a href="#">Records Managment</a>
      <ul>
      <li><a href="#">Records Storage</a></li>
      <li><a href="#">File Storage</a></li>
      <li><a href="#">File Indexing</a></li>
      <li><a href="#">Storage & Delivery Process</a></li>
      <li><a href="#">Barcode Tracking </a></li>
      <li><a href="#">File Restoration</a></li>
      <li><a href="#">Dedicated Vault Storage</a></li>
      <li><a href="#">Supplies</a></li>
     </ul>
</li>
     <li><a href="#">Document Imaging Solutions</a>
      <ul >
       <li><a href="#">Service Bureau</a></li>
       <li><a href="#">Scan On Demand</a></li>
       <li><a href="#">Data Silo</a></li>
      </ul>
    </li>
    <li><a href="#">Shredding & Destruction</a>
     <ul >
       <li><a href="#">Shredding Process</a></li>
       <li><a href="#">Drop Off Shred</a></li>
       <li><a href="#">One Time Purges</a></li>
       <li><a href="#">Media Destruction</a></li>
       <li><a href="#">Collection Containers</a></li>
      </ul>
   </li>
    <li><a href="#">Data Backup</a>
     <ul >
       <li><a href="#">Tape Vaulting</a></li>
       <li><a href="#">Electronic Vaulting</a></li>
      </ul>
   </li>
   <li><a href="#">Info Management 101</a>
     <ul >
       <li><a href="#">Special Info Kit</a></li>
       <li><a href="#">Storage Options</a></li>
       <li><a href="#">How To Choose</a></li>
       <li><a href="#">Storage Tips</a></li>
       <li><a href="#">Retention Guide</a></li>
      </ul>
   </li>
   </ul>
    <div class="clear"></div>
</div>
<div id="slideshow">
<script language="JavaScript">
//new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, borderwidth, delay, pause (0=no, 1=yes), optionalRandomOrder)
new fadeshow(fadeimages, 632, 258, 0, 4000, 0)
</script>
</div>
<div id="page">
<div class="tophome">
<div class="bot">
<div id="contenthome">
<table border="0" cellpadding="0" cellspacing="5" width="100%">
     <tr>
          <td valign="top">
               <table border="0" cellpadding="0" cellspacing="0" width="100%">
                    <tr>
                         <td valign="top" width="">

<a name="1"></a>

<h1>Welcome to <b>Records Management Center</b></h1>
<table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td valign="top" align="Left" class="text">We know you have many options when it comes to storing your organization's records and information. You may choose to store them on-site in your own storeroom, in a mini-storage (self storage) unit, with a moving and storage company or with a full-service records management company like Records Management Center. There are, however, major differences not only in the storage options available, but in the companies that provide them as well. Please take some time to review our website and familiarize yourself with your records management options, so that you can make the choice that's right for your organization.</td>
</tr></table>
<table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td valign="top" align="Left" class="h2">About Us</td>
</tr></table>
<table width="100%" border="0" cellpadding="0" cellspacing="0"><tr><td valign="top" align="Left" class="text">Records Management Center was established in 1985 as a full-service records management company providing document storage, digital imaging, media storage and shredding services to the Central Savannah River Area.<br />
<br />
We protect businesses and their customers by securing their confidential information and helping them comply with HIPAA, GLB and FACTA, as well as all state and federal information management and destruction laws.</td>
</tr></table>

                         </td>
                    </tr>
               </table>          </td>
     </tr>
</table>
</div>
<div class="clear"></div>
<div id="specials">
<div class="top">
<div class="quote">
<a href="../common/feedback_footerc73a.html?PAGE=355" title="Get A Quote"> </a></div>
<div class="info">
<a href="../common/content371a.html?PAGE=373" title="Free Information Kit"> </a></div>
<div class="days">
<a href="../common/content371a.html?PAGE=373" title="30 Days of Free Shredding"> </a></div>
<div id="newsletter">
<h3>Sign up for our<br /><span class="caps">Free Newsletter</span></h3>
<form action="http://www.recordsmanagementcenter.com/common/feedback_footer.asp?PAGE=374" method="post" id="Search" title="Sign Up">
<input type="text" name="input_2" class="searchbox" value="Email Address"
onfocus="if (this.value == 'Email Address') {this.value = '';}"
onblur="if (this.value == '') {this.value = 'Email Address';}" />
<input name="Sign up" type="submit" class="submit" alt="Sign Up" value="Sign Up" />
</form>
<div class="clear"></div>
</div>
</div>
<div class="bot"> </div>
</div>
<div id="boxes">
<div class="records">
<a href="../common/content5697.html?PAGE=331" title="Records Management"> </a></div>
<div class="imaging">
<a href="../common/content9e28.html?PAGE=61" title="Digital Imaging"> </a></div>
<div class="storage">
<a href="../common/content7f9f.html?PAGE=333" title="Computer Media Storage"> </a></div>
<div class="shredding">
<a href="../common/content1cd1.html?PAGE=296" title="Secure Shredding"> </a></div>
<div class="clear"></div>
</div>
</div>
</div>
<div class="clear"></div>
</div>
<div id="footer">
<div id="links">
<a href="#">Terms and Conditions</a> |
<a href="#">Privacy</a></div>
<div id="copyright">
© 2009 Records Management Center.<br />
A Division of RBW Logistics Corporation<br />
Powered by <a href="http://www.powerserve.net/">PowerServe</a><br />
<a href="http://www.rbwlogistics.com/"><img src="../images/logo-footer.gif" /></a>
</div>
</div>
</div>
<script language="JavaScript" type="text/javascript" src="/NoIEActivate.js"></script><script src="file:///C|/Documents and Settings/sunni/My Documents/1-DelSurSEO/FlourishPress/www.google-analytics.com/urchin.js" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-159577-28";
urchinTracker();
</script>

</body>

</html>

There are (or can be), of course, editable regions in the head of a document. Typically, around the <title></title> you will find 'space' to put links etc, and meta tags:

<title> Your title here </title>
<meta name="description" content="Description here." />
<meta name="keywords" content="keywords here " />
<meta name="robots" content="index,follow" />

Further down in this same document, I find:

<link href="styles.css" rel="stylesheet" type="text/css">
<style type="text/css">

</style>
<script src="../Scripts/swfobject_modified.js" type="text/javascript"></script>

showing a stylesheet link and an embedded style.
So it's not so much that you can't have editable areas in the head of the document, it's more that you can't overlap or improperly nest ANYTHING.
You can also (am I repeating myself?) make a tag's attributes editable. I use that feature most notably for applying different IDs to <body> tags for different neighborhoods in my sites. By applying different body IDs, I can control more specifically elements on those pages. But that's a conversation for another time!
Best,
Beth

Apex 5.0, Horizontal scrollbar for Interactive Report and Pivot Format

Hi,
i would like to know how to have an horizontal scrollbar for an interactive report (5.0) after making a pivot from the user interface; i have a lot of columns and without the pivot the horizontal scrollbar appears . After it doesn't appear.
I tried with the Region Header <div style="overflow:auto;"> and Region Footer </div> but without success.
Regards
Gianpaolo

Hi gianpagi,
gianpagi wrote:
i would like to know how to have an horizontal scrollbar for an interactive report (5.0) after making a pivot from the user interface; i have a lot of columns and without the pivot the horizontal scrollbar appears . After it doesn't appear.
I tried with the Region Header <div style="overflow:auto;"> and Region Footer </div> but without success.
Please mention the theme and template you are using for the Interactive Report.
Can you re-produce the issue on apex.oracle.com and share the workspace credentials, so that can have closer look at the issue?
Regards,
Kiran

Help Needed With Scrollbar and Content

I'm having a difficult time with the Scrollbar component. I'm trying to have a scrollbar set up to navigate a text field or a MC of a text field. I managed to get it functioning within the desired frame, however when I jump to another frame, that very same content appears on the other frame, despite the fact that said frame did not have the scrollbar nor the content pasted within.
The bar seems to do what I want it to do save for the unwelcomed presence outside of the frame of choice. Here's the code I'm using. This is the keyframe code:
import boppreh.ui.Scrollbar
var scrollbar1:Scrollbar = new Scrollbar(boomboom, 500, true, false, 293, bar, slider, arrowUp, arrowDown)
addChild(scrollbar1)
scrollbar1.x = 50
scrollbar1.y = 50
And this is the code found in the AS file:
package boppreh.ui
    import flash.display.*
    import flash.events.*
    import flash.geom.Rectangle;
    import flash.utils.Timer
    import flash.ui.Keyboard
     * Scrollbar to handle single display objects.
     * Author: Lucas Boppre Niehues ([email protected])
     * Date: 09/02/2010
    public class Scrollbar extends Sprite {
        /// The default width for the default slider, bar and arrows, as well as the default arrows' height
        public static const DEFAULT_SIDE:Number = 20
        /// The delay (in milliseconds) between clicking and holding an arrow and the slider moving continously
        public static var SCROLL_DELAY:Number = 300
        /// The number of lines to be scrolled every second during continous scrolling
        public static var LINES_PER_SECOND:Number = 1.5
        /// Number of pixels to be scrolled for each mouse wheel line (default lines per wheel tick is 3)
        public static var PIXELS_PER_LINE:Number = 16
        protected var windowSize:Number
        protected var contentPadding:Number
        protected var isVertical:Boolean
        /// Stored movement to be applied on the next "scroll()" call
        protected var movement:Number
        /// Timer used to control the delay before continous scrolling
        protected var timer:Timer
        protected var content:DisplayObject
        protected var contentBounds:Rectangle
        protected var bar:InteractiveObject
        protected var arrowUp:InteractiveObject
        protected var arrowDown:InteractiveObject
        protected var slider:InteractiveObject
        protected var partHold:InteractiveObject
        protected function get eventOrigin():String {
            if (partHold == arrowUp)
                return ScrollEvent.ARROW_UP
            else if (partHold == arrowDown)
                return ScrollEvent.ARROW_DOWN
            else if (partHold == bar)
                return ScrollEvent.BAR
            throw new Error("Unkown event origin.")
        private var mouseOffset:Number
        protected function get maxContentPos():Number {
            if (isVertical)
                return -(contentBounds.height - windowSize) - 1
            else
                return -(contentBounds.width - windowSize) - 1
        /// The content's current position, in a scale from 0 to 1
        public function get position():Number {
            if (isVertical)
                return contentBounds.y / maxContentPos
            else
                return contentBounds.x / maxContentPos
        public function set position(value:Number) {
            value = Math.min(1, Math.max(value, 0))
            var newContentPos:Number = value * maxContentPos
            setPosition(content, isVertical ? null : newContentPos, isVertical ? newContentPos : null, false, false)
            contentBounds = content.getBounds(this)
            if (isVertical) {
                bar.height = windowSize - (arrowUp.height + arrowDown.height)
                slider.height = (windowSize / Math.max(contentBounds.height, windowSize)) * bar.height
                var newSliderY:Number = arrowUp.height + (-newContentPos / contentBounds.height) * bar.height
                setPosition(slider, null, newSliderY, false, false)
            } else {
                bar.width = windowSize - (arrowUp.width + arrowDown.width)
                slider.width = (windowSize / Math.max(contentBounds.width, windowSize)) * bar.width
                var newSliderX:Number = arrowUp.width + (-newContentPos / contentBounds.width) * bar.width
                setPosition(slider, newSliderX, null, false, false)
            updatePartsPositions()
         * Creates a new Scrollbar object to scroll a single Display Object.
         * @param    content    the object to be scrolled
         * @param    windowSize    the height or width of the scrollbar, depending if it's vertical or not; i.e.: the dimension of the content's visible part
         * @param    isVertical    defines if the scrollbar's parts should be placed on the right or bottom of the content, and if the content should be scrolled upways or to the right
         * @param    autoUpdate    automatically checks for dimensions changes in any part and updates accordingly. Use only if the content will be resized
         * @param    contentPadding    the distance between the content and all the other parts
         * @param    bar    the bar object to be used; if null, a default one will be used
         * @param    slider    the slider object to be used; if null, a default one will be used
         * @param    arrowUp    the arrow up/left object to be used; if null, a default one will be used
         * @param    arrowDown    the arrow down/right object to be used; if null, a default one will be used
        public function Scrollbar(content:DisplayObject, windowSize:Number, isVertical:Boolean=true, autoUpdate:Boolean=false, contentPadding:Number=5, bar:InteractiveObject=null, slider:InteractiveObject=null, arrowUp:InteractiveObject=null, arrowDown:InteractiveObject=null) {
            this.content = content
            this.windowSize = windowSize
            this.contentPadding = contentPadding
            this.isVertical = isVertical
            this.bar = bar || createDefaultBar()
            this.arrowUp = arrowUp || createDefaultArrow(false)
            this.arrowDown = arrowDown || createDefaultArrow(true)
            this.slider = slider || createDefaultSlider()
            timer = new Timer(SCROLL_DELAY)
            timer.addEventListener(TimerEvent.TIMER, startScrolling)
            addParts()
            if (autoUpdate)
                this.addEventListener(Event.ENTER_FRAME, update)
            configureListeners()
            update()
            position = 0
        protected function scroll(e:*= null):void {
            // This nested if forbids the slider to continue moving if the user is
            // "holding" the bar and the slider already reached the mouse position
            if (e && (e is Event) && (Event(e).type == Event.ENTER_FRAME)) {
                if (partHold == bar) {
                    var sliderBounds:Rectangle = slider.getBounds(this)
                    if (isVertical) {
                        if (mouseY > sliderBounds.top && mouseY < sliderBounds.bottom) {
                            stopScrolling()
                            return
                    } else {
                        if (mouseX > sliderBounds.left && mouseX < sliderBounds.right) {
                            stopScrolling()
                            return
            scrollPixels(movement)
         * Scrolls the content by the specified ammount.
         * @param    number    number of pixels to be scrolled
        protected function scrollPixels(number:Number):void {
            position += number / -maxContentPos
        protected function configureListeners():void {
            slider.addEventListener(MouseEvent.MOUSE_DOWN, startSliderDrag)
            for each (var part:InteractiveObject in [arrowUp, arrowDown, bar]) {
                part.addEventListener(MouseEvent.MOUSE_DOWN, fixedPart_onMouseDownHandler)
            addEventListener(MouseEvent.MOUSE_WHEEL, mouse_onWheelScrollHandler)
            addEventListener(KeyboardEvent.KEY_DOWN, keyboard_onKeyDownHandler)
        protected function fixedPart_onMouseDownHandler(event:MouseEvent):void
            partHold = InteractiveObject(event.currentTarget)
            if (partHold == arrowUp) {
                movement = -PIXELS_PER_LINE
            } else if (partHold == arrowDown) {
                movement = PIXELS_PER_LINE
            } else if (partHold == bar) {
                var sliderBounds:Rectangle = slider.getBounds(this)
                if (isVertical) {
                    if (mouseY > (sliderBounds.top + sliderBounds.height / 2))
                        movement = windowSize
                    else
                        movement = -windowSize
                } else {
                    if (mouseX > (sliderBounds.left + sliderBounds.width / 2))
                        movement = windowSize
                    else
                        movement = -windowSize
            scroll()
            dispatchEvent(new ScrollEvent(ScrollEvent.SCROLL, eventOrigin))
            stage.addEventListener(MouseEvent.MOUSE_UP, stopScrolling)
            partHold.addEventListener(MouseEvent.MOUSE_OUT, stopScrolling)
            timer.start()
        protected function keyboard_onKeyDownHandler(event:KeyboardEvent):void {
            switch (event.keyCode) {
                case Keyboard.UP:
                case Keyboard.LEFT:
                    movement = -PIXELS_PER_LINE
                    break
                case Keyboard.DOWN:
                case Keyboard.RIGHT:
                    movement = PIXELS_PER_LINE
                    break
                case Keyboard.SPACE:
                case Keyboard.PAGE_DOWN:
                    movement = windowSize
                    break
                case Keyboard.PAGE_UP:
                    movement = -windowSize
                    break
                case Keyboard.HOME:
                    movement = 0
                    position = 0
                    break
                case Keyboard.END:
                    movement = 0
                    position = 100
                    break
                default:
                    return
            scroll()
            dispatchEvent(new ScrollEvent(ScrollEvent.SCROLL, ScrollEvent.KEYBOARD))
        protected function startScrolling(e:*=null):void {
            timer.reset()
            this.addEventListener(Event.ENTER_FRAME, scroll)
            movement = (movement * (LINES_PER_SECOND * PIXELS_PER_LINE)) / stage.frameRate
            dispatchEvent(new ScrollEvent(ScrollEvent.CONTINOUS_SCROLL_START, eventOrigin))
        protected function stopScrolling(e:*=null) {
            timer.stop()
            this.removeEventListener(Event.ENTER_FRAME, scroll)
            stage.removeEventListener(KeyboardEvent.KEY_UP, stopScrolling)
            stage.removeEventListener(MouseEvent.MOUSE_UP, stopScrolling)
            dispatchEvent(new ScrollEvent(ScrollEvent.CONTINOUS_SCROLL_STOP, eventOrigin))
            if (partHold) {
                partHold.removeEventListener(MouseEvent.MOUSE_OUT, stopScrolling)
                partHold = null
        protected function mouse_onWheelScrollHandler(event:MouseEvent) {
            // The mouse wheel delta arrives inverted
            var delta:int = -event.delta
            movement = delta * PIXELS_PER_LINE
            scroll()
            dispatchEvent(new ScrollEvent(ScrollEvent.SCROLL, ScrollEvent.MOUSE_WHEEL))
        //{ region Slider Drag functions
        protected function startSliderDrag(event:MouseEvent) {
            if (isVertical)
                mouseOffset = slider.getBounds(this).y - this.mouseY
            else
                mouseOffset = slider.getBounds(this).x - this.mouseX
            stage.addEventListener(MouseEvent.MOUSE_MOVE, onSliderDrag)
            stage.addEventListener(MouseEvent.MOUSE_UP, stopSliderDrag)
            dispatchEvent(new ScrollEvent(ScrollEvent.SLIDER_DRAG_START, ScrollEvent.SLIDER))
        protected function stopSliderDrag(event:MouseEvent) {
            stage.removeEventListener(MouseEvent.MOUSE_UP, stopSliderDrag)
            stage.removeEventListener(MouseEvent.MOUSE_MOVE, onSliderDrag)
            dispatchEvent(new ScrollEvent(ScrollEvent.SLIDER_DRAG_STOP, ScrollEvent.SLIDER))
        protected function onSliderDrag(event:MouseEvent) {
            if (isVertical) {
                if (bar.height == slider.height)
                    return
            } else {
                if (bar.width == slider.width)
                    return
            if (isVertical)
                position = (this.mouseY + mouseOffset - arrowUp.height) / (bar.height - slider.height)
            else
                position = (this.mouseX + mouseOffset - arrowUp.width) / (bar.width - slider.width)
        //} endregion
        //{ region Visual functions
        /// Adds all required parts to the scrollbar's display list
        protected function addParts():void {
            setPosition(content, 0, 0, false, false)
            addChild(this.bar)
            addChild(this.arrowUp)
            addChild(this.arrowDown)
            addChild(this.slider)
            addChild(this.content)
         * Updates all parts to fit the new dimensions and positions.
        public function update(e:*= null):void {
            contentBounds = content.getBounds(this)
            updatePartsPositions()
            // Ugly, but updates everything that was not update in the above call based on the content's position and size
            position = position
        protected function updatePartsPositions(event:Event = null):void {
            if (isVertical) {
                // The parts width is divided by 2 because they will be center aligned
                var newX:Number = contentBounds.width +
                            contentPadding +
                            Math.max(slider.width, arrowUp.width, arrowDown.width, bar.width) / 2
                setPosition(arrowUp, newX, 0, true, false)
                setPosition(bar, newX, arrowUp.height, true, false)
                setPosition(arrowDown, newX, arrowUp.height + bar.height, true, false)
                setPosition(slider, newX, null, true, false)
            } else {
                var newY:Number = contentBounds.height +
                            contentPadding +
                            Math.max(slider.height, arrowUp.height, arrowDown.height, bar.height) / 2
                setPosition(arrowUp, 0, newY, false, true)
                setPosition(bar, arrowUp.width, newY, false, true)
                setPosition(arrowDown, arrowUp.width + bar.width, newY, false, true)
                setPosition(slider, null, newY, false, true)
            updateMask()
        private function updateMask():void {
            if (content.mask && this.contains(content.mask))
                removeChild(content.mask)
            var contentMask:Sprite = createWindowMask()
            addChild(contentMask)
            content.mask = contentMask
        protected function setPosition(part:DisplayObject, newX:Object=null, newY:Object=null, alignHorizontal:Boolean=false, alignVertical:Boolean=false):void {
            var bounds:Rectangle = part.getBounds(this)
            if (newX is Number)
                part.x = int(newX) + (part.x - bounds.x) - ((alignHorizontal) ? bounds.width / 2 : 0)
            if (newY is Number)
                part.y = int(newY) + (part.y - bounds.y) - ((alignVertical) ? bounds.height / 2 : 0)
        //} endregion
        //{ region Functions to draw parts
        private function createDefaultBar():Sprite {
            var image:Sprite = new Sprite()
            image.graphics.lineStyle(1)
            image.graphics.beginFill(0xFFFFFF)
            if (isVertical)
                image.graphics.drawRect(0, 0, DEFAULT_SIDE, windowSize - DEFAULT_SIDE * 2)
            else
                image.graphics.drawRect(0, 0, windowSize - DEFAULT_SIDE * 2, DEFAULT_SIDE)
            image.graphics.endFill()
            //image.buttonMode = true
            return image
        private function createDefaultArrow(inverted:Boolean):Sprite {
            var image:Sprite = new Sprite()
            image.graphics.lineStyle(1)
            image.graphics.beginFill(0xBFBFBF)
            image.graphics.drawRect(0, 0, DEFAULT_SIDE, DEFAULT_SIDE)
            image.graphics.endFill()
            image.graphics.lineStyle(3)
            if (isVertical) {
                if (inverted) {
                    image.graphics.moveTo(4, 4)
                    image.graphics.lineTo(10, 16)
                    image.graphics.lineTo(16, 4)
                } else {
                    image.graphics.moveTo(4, 16)
                    image.graphics.lineTo(10, 4)
                    image.graphics.lineTo(16, 16)
            } else {
                if (inverted) {
                    image.graphics.moveTo(4, 4)
                    image.graphics.lineTo(16, 10)
                    image.graphics.lineTo(4, 16)
                } else {
                    image.graphics.moveTo(16, 4)
                    image.graphics.lineTo(4, 10)
                    image.graphics.lineTo(16, 16)
            image.buttonMode = true
            return image
        private function createDefaultSlider():Sprite {
            var image:Sprite = new Sprite()
            image.graphics.lineStyle(1)
            image.graphics.beginFill(0xBFBFBF)
            if (isVertical)
                image.graphics.drawRect(0, 0, DEFAULT_SIDE, windowSize - DEFAULT_SIDE * 2)
            else
                image.graphics.drawRect(0, 0, windowSize - DEFAULT_SIDE * 2, DEFAULT_SIDE)
            image.graphics.endFill()
            image.buttonMode = true
            return image
        private function createWindowMask():Sprite {
            var image:Sprite = new Sprite()
            image.graphics.lineStyle(0)
            image.graphics.beginFill(0x000000, 1)
            if (isVertical)
                image.graphics.drawRect(0, 0, content.width + 1, windowSize)
            else
                image.graphics.drawRect(0, 0, windowSize, content.width + 1)
            image.graphics.endFill()
            image.alpha = 0
            return image
        //} endregion
And this is the ScrollEvent AS file:
package boppreh.ui
    import flash.events.Event;
     * Events related to the Scrollbar class.
     * Author: Lucas Boppre Niehues ([email protected])
     * Date: 09/02/2010
    public class ScrollEvent extends Event
        /// Dispatched when a scroll movement occurs
        public static const SCROLL:String = "scroll"
        /// Dispatched when the user has clicked and is holding an arrow or the bar
        public static const CONTINOUS_SCROLL_START:String = "continous scroll start"
        /// Dispatched when the user has clicked and dropped an arrow or the bar
        public static const CONTINOUS_SCROLL_STOP:String = "continous scroll stop"
        /// Dispatched when the user starts dragging the slider part
        public static const SLIDER_DRAG_START:String = "slider drag start"
        /// Dispatched when the user stops dragging the slider part
        public static const SLIDER_DRAG_STOP:String = "slider drag stop"
        /// Origin type representing the arrow up part
        public static const ARROW_UP:String = "arrow up"
        /// Origin type representing the arrow down part
        public static const ARROW_DOWN:String = "arrow down"
        /// Origin type representing the bar part
        public static const BAR:String = "part"
        /// Origin type representing the slider part
        public static const SLIDER:String = "slider"
        /// Origin type representing the keyboard
        public static const KEYBOARD:String = "keyboard"
        /// Origin type representing the mouse wheel
        public static const MOUSE_WHEEL:String = "mouse wheel"
        public var origin:String
         * Creates a new ScrollEvent object.
         * @param    type    the object type (first group of declared constants)
         * @param    origin    the object that originated the event (second group of declared constants)
        public function ScrollEvent (type:String, origin:String, bubbles:Boolean = false, cancelable:Boolean = false) {
            this.origin = origin
            super(type, bubbles, cancelable)
Any help would be appreciated. I've been stuck here all day.

I'm having a difficult time with the Scrollbar component. I'm trying to have a scrollbar set up to navigate a text field or a MC of a text field. I managed to get it functioning within the desired frame, however when I jump to another frame, that very same content appears on the other frame, despite the fact that said frame did not have the scrollbar nor the content pasted within.
The bar seems to do what I want it to do save for the unwelcomed presence outside of the frame of choice. Here's the code I'm using. This is the keyframe code:
import boppreh.ui.Scrollbar
var scrollbar1:Scrollbar = new Scrollbar(boomboom, 500, true, false, 293, bar, slider, arrowUp, arrowDown)
addChild(scrollbar1)
scrollbar1.x = 50
scrollbar1.y = 50
And this is the code found in the AS file:
package boppreh.ui
    import flash.display.*
    import flash.events.*
    import flash.geom.Rectangle;
    import flash.utils.Timer
    import flash.ui.Keyboard
     * Scrollbar to handle single display objects.
     * Author: Lucas Boppre Niehues ([email protected])
     * Date: 09/02/2010
    public class Scrollbar extends Sprite {
        /// The default width for the default slider, bar and arrows, as well as the default arrows' height
        public static const DEFAULT_SIDE:Number = 20
        /// The delay (in milliseconds) between clicking and holding an arrow and the slider moving continously
        public static var SCROLL_DELAY:Number = 300
        /// The number of lines to be scrolled every second during continous scrolling
        public static var LINES_PER_SECOND:Number = 1.5
        /// Number of pixels to be scrolled for each mouse wheel line (default lines per wheel tick is 3)
        public static var PIXELS_PER_LINE:Number = 16
        protected var windowSize:Number
        protected var contentPadding:Number
        protected var isVertical:Boolean
        /// Stored movement to be applied on the next "scroll()" call
        protected var movement:Number
        /// Timer used to control the delay before continous scrolling
        protected var timer:Timer
        protected var content:DisplayObject
        protected var contentBounds:Rectangle
        protected var bar:InteractiveObject
        protected var arrowUp:InteractiveObject
        protected var arrowDown:InteractiveObject
        protected var slider:InteractiveObject
        protected var partHold:InteractiveObject
        protected function get eventOrigin():String {
            if (partHold == arrowUp)
                return ScrollEvent.ARROW_UP
            else if (partHold == arrowDown)
                return ScrollEvent.ARROW_DOWN
            else if (partHold == bar)
                return ScrollEvent.BAR
            throw new Error("Unkown event origin.")
        private var mouseOffset:Number
        protected function get maxContentPos():Number {
            if (isVertical)
                return -(contentBounds.height - windowSize) - 1
            else
                return -(contentBounds.width - windowSize) - 1
        /// The content's current position, in a scale from 0 to 1
        public function get position():Number {
            if (isVertical)
                return contentBounds.y / maxContentPos
            else
                return contentBounds.x / maxContentPos
        public function set position(value:Number) {
            value = Math.min(1, Math.max(value, 0))
            var newContentPos:Number = value * maxContentPos
            setPosition(content, isVertical ? null : newContentPos, isVertical ? newContentPos : null, false, false)
            contentBounds = content.getBounds(this)
            if (isVertical) {
                bar.height = windowSize - (arrowUp.height + arrowDown.height)
                slider.height = (windowSize / Math.max(contentBounds.height, windowSize)) * bar.height
                var newSliderY:Number = arrowUp.height + (-newContentPos / contentBounds.height) * bar.height
                setPosition(slider, null, newSliderY, false, false)
            } else {
                bar.width = windowSize - (arrowUp.width + arrowDown.width)
                slider.width = (windowSize / Math.max(contentBounds.width, windowSize)) * bar.width
                var newSliderX:Number = arrowUp.width + (-newContentPos / contentBounds.width) * bar.width
                setPosition(slider, newSliderX, null, false, false)
            updatePartsPositions()
         * Creates a new Scrollbar object to scroll a single Display Object.
         * @param    content    the object to be scrolled
         * @param    windowSize    the height or width of the scrollbar, depending if it's vertical or not; i.e.: the dimension of the content's visible part
         * @param    isVertical    defines if the scrollbar's parts should be placed on the right or bottom of the content, and if the content should be scrolled upways or to the right
         * @param    autoUpdate    automatically checks for dimensions changes in any part and updates accordingly. Use only if the content will be resized
         * @param    contentPadding    the distance between the content and all the other parts
         * @param    bar    the bar object to be used; if null, a default one will be used
         * @param    slider    the slider object to be used; if null, a default one will be used
         * @param    arrowUp    the arrow up/left object to be used; if null, a default one will be used
         * @param    arrowDown    the arrow down/right object to be used; if null, a default one will be used
        public function Scrollbar(content:DisplayObject, windowSize:Number, isVertical:Boolean=true, autoUpdate:Boolean=false, contentPadding:Number=5, bar:InteractiveObject=null, slider:InteractiveObject=null, arrowUp:InteractiveObject=null, arrowDown:InteractiveObject=null) {
            this.content = content
            this.windowSize = windowSize
            this.contentPadding = contentPadding
            this.isVertical = isVertical
            this.bar = bar || createDefaultBar()
            this.arrowUp = arrowUp || createDefaultArrow(false)
            this.arrowDown = arrowDown || createDefaultArrow(true)
            this.slider = slider || createDefaultSlider()
            timer = new Timer(SCROLL_DELAY)
            timer.addEventListener(TimerEvent.TIMER, startScrolling)
            addParts()
            if (autoUpdate)
                this.addEventListener(Event.ENTER_FRAME, update)
            configureListeners()
            update()
            position = 0
        protected function scroll(e:*= null):void {
            // This nested if forbids the slider to continue moving if the user is
            // "holding" the bar and the slider already reached the mouse position
            if (e && (e is Event) && (Event(e).type == Event.ENTER_FRAME)) {
                if (partHold == bar) {
                    var sliderBounds:Rectangle = slider.getBounds(this)
                    if (isVertical) {
                        if (mouseY > sliderBounds.top && mouseY < sliderBounds.bottom) {
                            stopScrolling()
                            return
                    } else {
                        if (mouseX > sliderBounds.left && mouseX < sliderBounds.right) {
                            stopScrolling()
                            return
            scrollPixels(movement)
         * Scrolls the content by the specified ammount.
         * @param    number    number of pixels to be scrolled
        protected function scrollPixels(number:Number):void {
            position += number / -maxContentPos
        protected function configureListeners():void {
            slider.addEventListener(MouseEvent.MOUSE_DOWN, startSliderDrag)
            for each (var part:InteractiveObject in [arrowUp, arrowDown, bar]) {
                part.addEventListener(MouseEvent.MOUSE_DOWN, fixedPart_onMouseDownHandler)
            addEventListener(MouseEvent.MOUSE_WHEEL, mouse_onWheelScrollHandler)
            addEventListener(KeyboardEvent.KEY_DOWN, keyboard_onKeyDownHandler)
        protected function fixedPart_onMouseDownHandler(event:MouseEvent):void
            partHold = InteractiveObject(event.currentTarget)
            if (partHold == arrowUp) {
                movement = -PIXELS_PER_LINE
            } else if (partHold == arrowDown) {
                movement = PIXELS_PER_LINE
            } else if (partHold == bar) {
                var sliderBounds:Rectangle = slider.getBounds(this)
                if (isVertical) {
                    if (mouseY > (sliderBounds.top + sliderBounds.height / 2))
                        movement = windowSize
                    else
                        movement = -windowSize
                } else {
                    if (mouseX > (sliderBounds.left + sliderBounds.width / 2))
                        movement = windowSize
                    else
                        movement = -windowSize
            scroll()
            dispatchEvent(new ScrollEvent(ScrollEvent.SCROLL, eventOrigin))
            stage.addEventListener(MouseEvent.MOUSE_UP, stopScrolling)
            partHold.addEventListener(MouseEvent.MOUSE_OUT, stopScrolling)
            timer.start()
        protected function keyboard_onKeyDownHandler(event:KeyboardEvent):void {
            switch (event.keyCode) {
                case Keyboard.UP:
                case Keyboard.LEFT:
                    movement = -PIXELS_PER_LINE
                    break
                case Keyboard.DOWN:
                case Keyboard.RIGHT:
                    movement = PIXELS_PER_LINE
                    break
                case Keyboard.SPACE:
                case Keyboard.PAGE_DOWN:
                    movement = windowSize
                    break
                case Keyboard.PAGE_UP:
                    movement = -windowSize
                    break
                case Keyboard.HOME:
                    movement = 0
                    position = 0
                    break
                case Keyboard.END:
                    movement = 0
                    position = 100
                    break
                default:
                    return
            scroll()
            dispatchEvent(new ScrollEvent(ScrollEvent.SCROLL, ScrollEvent.KEYBOARD))
        protected function startScrolling(e:*=null):void {
            timer.reset()
            this.addEventListener(Event.ENTER_FRAME, scroll)
            movement = (movement * (LINES_PER_SECOND * PIXELS_PER_LINE)) / stage.frameRate
            dispatchEvent(new ScrollEvent(ScrollEvent.CONTINOUS_SCROLL_START, eventOrigin))
        protected function stopScrolling(e:*=null) {
            timer.stop()
            this.removeEventListener(Event.ENTER_FRAME, scroll)
            stage.removeEventListener(KeyboardEvent.KEY_UP, stopScrolling)
            stage.removeEventListener(MouseEvent.MOUSE_UP, stopScrolling)
            dispatchEvent(new ScrollEvent(ScrollEvent.CONTINOUS_SCROLL_STOP, eventOrigin))
            if (partHold) {
                partHold.removeEventListener(MouseEvent.MOUSE_OUT, stopScrolling)
                partHold = null
        protected function mouse_onWheelScrollHandler(event:MouseEvent) {
            // The mouse wheel delta arrives inverted
            var delta:int = -event.delta
            movement = delta * PIXELS_PER_LINE
            scroll()
            dispatchEvent(new ScrollEvent(ScrollEvent.SCROLL, ScrollEvent.MOUSE_WHEEL))
        //{ region Slider Drag functions
        protected function startSliderDrag(event:MouseEvent) {
            if (isVertical)
                mouseOffset = slider.getBounds(this).y - this.mouseY
            else
                mouseOffset = slider.getBounds(this).x - this.mouseX
            stage.addEventListener(MouseEvent.MOUSE_MOVE, onSliderDrag)
            stage.addEventListener(MouseEvent.MOUSE_UP, stopSliderDrag)
            dispatchEvent(new ScrollEvent(ScrollEvent.SLIDER_DRAG_START, ScrollEvent.SLIDER))
        protected function stopSliderDrag(event:MouseEvent) {
            stage.removeEventListener(MouseEvent.MOUSE_UP, stopSliderDrag)
            stage.removeEventListener(MouseEvent.MOUSE_MOVE, onSliderDrag)
            dispatchEvent(new ScrollEvent(ScrollEvent.SLIDER_DRAG_STOP, ScrollEvent.SLIDER))
        protected function onSliderDrag(event:MouseEvent) {
            if (isVertical) {
                if (bar.height == slider.height)
                    return
            } else {
                if (bar.width == slider.width)
                    return
            if (isVertical)
                position = (this.mouseY + mouseOffset - arrowUp.height) / (bar.height - slider.height)
            else
                position = (this.mouseX + mouseOffset - arrowUp.width) / (bar.width - slider.width)
        //} endregion
        //{ region Visual functions
        /// Adds all required parts to the scrollbar's display list
        protected function addParts():void {
            setPosition(content, 0, 0, false, false)
            addChild(this.bar)
            addChild(this.arrowUp)
            addChild(this.arrowDown)
            addChild(this.slider)
            addChild(this.content)
         * Updates all parts to fit the new dimensions and positions.
        public function update(e:*= null):void {
            contentBounds = content.getBounds(this)
            updatePartsPositions()
            // Ugly, but updates everything that was not update in the above call based on the content's position and size
            position = position
        protected function updatePartsPositions(event:Event = null):void {
            if (isVertical) {
                // The parts width is divided by 2 because they will be center aligned
                var newX:Number = contentBounds.width +
                            contentPadding +
                            Math.max(slider.width, arrowUp.width, arrowDown.width, bar.width) / 2
                setPosition(arrowUp, newX, 0, true, false)
                setPosition(bar, newX, arrowUp.height, true, false)
                setPosition(arrowDown, newX, arrowUp.height + bar.height, true, false)
                setPosition(slider, newX, null, true, false)
            } else {
                var newY:Number = contentBounds.height +
                            contentPadding +
                            Math.max(slider.height, arrowUp.height, arrowDown.height, bar.height) / 2
                setPosition(arrowUp, 0, newY, false, true)
                setPosition(bar, arrowUp.width, newY, false, true)
                setPosition(arrowDown, arrowUp.width + bar.width, newY, false, true)
                setPosition(slider, null, newY, false, true)
            updateMask()
        private function updateMask():void {
            if (content.mask && this.contains(content.mask))
                removeChild(content.mask)
            var contentMask:Sprite = createWindowMask()
            addChild(contentMask)
            content.mask = contentMask
        protected function setPosition(part:DisplayObject, newX:Object=null, newY:Object=null, alignHorizontal:Boolean=false, alignVertical:Boolean=false):void {
            var bounds:Rectangle = part.getBounds(this)
            if (newX is Number)
                part.x = int(newX) + (part.x - bounds.x) - ((alignHorizontal) ? bounds.width / 2 : 0)
            if (newY is Number)
                part.y = int(newY) + (part.y - bounds.y) - ((alignVertical) ? bounds.height / 2 : 0)
        //} endregion
        //{ region Functions to draw parts
        private function createDefaultBar():Sprite {
            var image:Sprite = new Sprite()
            image.graphics.lineStyle(1)
            image.graphics.beginFill(0xFFFFFF)
            if (isVertical)
                image.graphics.drawRect(0, 0, DEFAULT_SIDE, windowSize - DEFAULT_SIDE * 2)
            else
                image.graphics.drawRect(0, 0, windowSize - DEFAULT_SIDE * 2, DEFAULT_SIDE)
            image.graphics.endFill()
            //image.buttonMode = true
            return image
        private function createDefaultArrow(inverted:Boolean):Sprite {
            var image:Sprite = new Sprite()
            image.graphics.lineStyle(1)
            image.graphics.beginFill(0xBFBFBF)
            image.graphics.drawRect(0, 0, DEFAULT_SIDE, DEFAULT_SIDE)
            image.graphics.endFill()
            image.graphics.lineStyle(3)
            if (isVertical) {
                if (inverted) {
                    image.graphics.moveTo(4, 4)
                    image.graphics.lineTo(10, 16)
                    image.graphics.lineTo(16, 4)
                } else {
                    image.graphics.moveTo(4, 16)
                    image.graphics.lineTo(10, 4)
                    image.graphics.lineTo(16, 16)
            } else {
                if (inverted) {
                    image.graphics.moveTo(4, 4)
                    image.graphics.lineTo(16, 10)
                    image.graphics.lineTo(4, 16)
                } else {
                    image.graphics.moveTo(16, 4)
                    image.graphics.lineTo(4, 10)
                    image.graphics.lineTo(16, 16)
            image.buttonMode = true
            return image
        private function createDefaultSlider():Sprite {
            var image:Sprite = new Sprite()
            image.graphics.lineStyle(1)
            image.graphics.beginFill(0xBFBFBF)
            if (isVertical)
                image.graphics.drawRect(0, 0, DEFAULT_SIDE, windowSize - DEFAULT_SIDE * 2)
            else
                image.graphics.drawRect(0, 0, windowSize - DEFAULT_SIDE * 2, DEFAULT_SIDE)
            image.graphics.endFill()
            image.buttonMode = true
            return image
        private function createWindowMask():Sprite {
            var image:Sprite = new Sprite()
            image.graphics.lineStyle(0)
            image.graphics.beginFill(0x000000, 1)
            if (isVertical)
                image.graphics.drawRect(0, 0, content.width + 1, windowSize)
            else
                image.graphics.drawRect(0, 0, windowSize, content.width + 1)
            image.graphics.endFill()
            image.alpha = 0
            return image
        //} endregion
And this is the ScrollEvent AS file:
package boppreh.ui
    import flash.events.Event;
     * Events related to the Scrollbar class.
     * Author: Lucas Boppre Niehues ([email protected])
     * Date: 09/02/2010
    public class ScrollEvent extends Event
        /// Dispatched when a scroll movement occurs
        public static const SCROLL:String = "scroll"
        /// Dispatched when the user has clicked and is holding an arrow or the bar
        public static const CONTINOUS_SCROLL_START:String = "continous scroll start"
        /// Dispatched when the user has clicked and dropped an arrow or the bar
        public static const CONTINOUS_SCROLL_STOP:String = "continous scroll stop"
        /// Dispatched when the user starts dragging the slider part
        public static const SLIDER_DRAG_START:String = "slider drag start"
        /// Dispatched when the user stops dragging the slider part
        public static const SLIDER_DRAG_STOP:String = "slider drag stop"
        /// Origin type representing the arrow up part
        public static const ARROW_UP:String = "arrow up"
        /// Origin type representing the arrow down part
        public static const ARROW_DOWN:String = "arrow down"
        /// Origin type representing the bar part
        public static const BAR:String = "part"
        /// Origin type representing the slider part
        public static const SLIDER:String = "slider"
        /// Origin type representing the keyboard
        public static const KEYBOARD:String = "keyboard"
        /// Origin type representing the mouse wheel
        public static const MOUSE_WHEEL:String = "mouse wheel"
        public var origin:String
         * Creates a new ScrollEvent object.
         * @param    type    the object type (first group of declared constants)
         * @param    origin    the object that originated the event (second group of declared constants)
        public function ScrollEvent (type:String, origin:String, bubbles:Boolean = false, cancelable:Boolean = false) {
            this.origin = origin
            super(type, bubbles, cancelable)
Any help would be appreciated. I've been stuck here all day.

DIV STYLE Region layout problem. Bug?

Hi guys, I believe this is a bug but need clarification.
I have created some regions based on the html code:
div style="border: 1px solid rgb(153, 153, 153); height:300px; width:970px; overflow:auto;">#BODY# /div
Now, this works fine, in the region I have a standard report. The propblem is when I open a NEW browser window, any website. Then go back to the page, a huge gap appears between the region this code is in, and the previous region.
I am using IE7 and Apex 3.0.1
Any help?
Thanks
Sam
Message was edited by:
Spam
Message was edited by:
Spam
Message was edited by:
Spam

I wouldn't see that as a problem, as this is the use case described in the overflow spec: "...This avoids any problem with scrollbars appearing and disappearing in a dynamic environment."
If it is that important, can you control sending "overflow: hidden" or "overflow: scroll" depending on the number of rows, using ApEx mechanisms and conditional comments?

Flex 3 : Scrollbar gap with cutoff

Flex 3 app, subclass of TitleWindow with scrollbar
Sometimes, we see windows that appear with the end of the scrollbar showing a gap, where there is no clickable region. The scrollbar functions correctly, but looks somewhat unappealing. This is within a large enterprise application that is using layered components, CSS, etc....Perhaps a picture of this will help describe the issue. Any ideas ?

viewmetrics should reflect the current state of the border

Sync an object with the browser scrollbar

Is there any way to set up a button or group of buttons to move vertically with the browser's scrollbar? I have a region that contains search options for a query and it requires the user to scroll down to access all of the fields. I'd like to cause the "Search" button to move vertically with the scrollbar so the user doesn't have to scroll to view it once he/she has entered the search criteria.
David

Is there any way to set up a button or group of buttons to move vertically with the browser's scrollbar? I have a region that contains search options for a query and it requires the user to scroll down to access all of the fields. I'd like to cause the "Search" button to move vertically with the scrollbar so the user doesn't have to scroll to view it once he/she has entered the search criteria.
David

Scrollbar in a classic Apex 4.1 tree

In Apex 4.1 it looks like it is not possible for a new Apex 4.1 tree to adjust its template HTML settings.
It can't be found in the shared components for instance.
To be able to change some of the html style settings you can add a javascript in the "Execute when Page Loads" javascript settings of the page where the tree is located.
Here is an example of adding a scrollbar to an Apex 4.1 tree:
// Get div element of the tree. You can use firebug to determine the id of the tree
d = document.getElementById('tree160968347950446047');
// Show scrollbars when the tree data extends the maximum height
// If you only need a vertical bar you can use 'overflowY' instead
d.style.overflow="auto";
// Set the width of the tree
d.style.width="500px";
// Set maximum height of the tree
d.style.maxHeight="460px";
// Microsoft Internet Explorer ignores the maxHeight style. So use height instead.
// To avoid that the other browsers use this height style, give the height 1 px more than the maxHeight
d.style.height="461px";
Regards,
Mathieu

Hi Mathieu,
Any chance that you might know the code to move the selected tree node to the top of the scrollbar region? I've done it previously as per
APEX Tree. Keep focus on expanded leaf node.
but don't know where to put all this code now that we do not have access to the tree templates in V4+
regards
Paul P

A region with horizontal scroll bar?

I do have a page with 2 regions next to each other:
region1 region2
In region1 I am retrieving and image from database. This image has fixed set of attributes like width and height. In region2 there is a text retrieved from DB. I would like to configure region2 so it will have same (fixed) width and height so in cases where there is more text so it would cause region2 to be taller there will be a horizontal scroll bar.
Is this done through ccs styles? Can any body advice how to accomplish this?
Thank you for your time.
DanielD

Reuben
Try the solution mentioned at Re: Report Displaying with Scrollbars
for your text region.

JTable help:- Setting Table Header and scrollbar

hi
everybody.
i have create a table which is getting the data from URL Connection by parsing the XML file.
All is working fine but the only problem is that i am not able to set the column headers.
and also want to set scrollbars to my table because the data in my table is long.
i have tried with JTableHeader and TableModel, but i am confused with it.
so can anybody solve my problem.
i am sending my code for creating table, and also sending the file from which the data is retrieved.
please go through the code and reply me.
If u are not able to parse the xml file than simply removed that part and using the QUERYResp.txt which i have attached, because i think the URL which i am using will not be accessed other than my network
waiting for reply.
//SelectPrivilege.java
import javax.swing.*;
import java.awt.*;
import javax.swing.event.*;
import java.awt.event.*;
import java.io.*;
import javax.xml.parsers.*;
import org.xml.sax.*;
import org.w3c.dom.*;
import java.net.*;
import java.util.*;
public class SelectPrivilege extends JFrame implements ActionListener
     JFrame frame;
     JTable table;
     JPanel buttonpanel;
     JButton openbutton,donebutton;
     String strclassname,strmembertype,strpasswordduration,strclassdescription;
    private boolean ALLOW_ROW_SELECTION = true;
    ListSelectionModel rowSM;
     Document document;
     Node node;
     NodeList employees,children;
     Element employee;
     String inputline,strSuccess;
     URL url;
     URLConnection connection;
     FileInputStream fis;
     DataInputStream dis;
     String objid,classname,membertype,passwordexp,description,finalstring;
     StringTokenizer st;
     String strurl = "<CLFAPP><CLFYAPP_MSG_TYPE_MSG_TYPE>QUERY</CLFYAPP_MSG_TYPE_MSG_TYPE><TABLE>PRIVCLASS</TABLE><FIELDS>OBJID,CLASS_NAME,MEMBER_TYPE,PSWRD_EXP_PER,DESCRIPTION</FIELDS><FILTER></FILTER></CLFYAPP>";
     public SelectPrivilege()
          JFrame.setDefaultLookAndFeelDecorated(true);
          frame = new JFrame("Select Privilege Class");
          try
               url = new URL("http://10.8.54.55:7002/RILClarifyAppRequest?XML=" + strurl);
               connection = url.openConnection();
               BufferedReader reader = new BufferedReader(new InputStreamReader(connection.getInputStream()));
               FileOutputStream out = new FileOutputStream("QUERYResp.xml");
               PrintStream p = new PrintStream(out);
               while ((inputline = reader.readLine()) != null)
                    System.out.println("Response Received......");
                    p.println(inputline);
               p.close();
               reader.close();
          catch(MalformedURLException e)
               System.out.println(e.getCause());
          catch(IOException e)
               System.out.println(e.getCause());
          //Parsing XML
          DocumentBuilderFactory factory = DocumentBuilderFactory.newInstance();
          try
               DocumentBuilder builder = factory.newDocumentBuilder();
               document = builder.parse(new File("QUERYResp.xml"));
               node = document.getDocumentElement();
               employees = document.getElementsByTagName("RECORD");
               FileOutputStream out = new FileOutputStream("QUERYResp.txt");
               PrintStream p = new PrintStream(out);
               for(int i = 0; i < employees.getLength(); i++)
                    final Element employee = (Element)employees.item(i);
                    p.print(getValueOf(employee,"OBJID"));
                    p.print("#");
                    p.print(getValueOf(employee,"CLASS_NAME"));
                    p.print("#");
                    p.print(getValueOf(employee,"MEMBER_TYPE"));
                    p.print("#");
                    p.print(getValueOf(employee,"PSWRD_EXP_PER"));
                    p.print("#");
                    p.print(getValueOf(employee,"DESCRIPTION"));
                    p.print("#@");
                    //p.close();
                    objid = getValueOf(employee,"OBJID");
                    classname = getValueOf(employee,"CLASS_NAME");
                    membertype = getValueOf(employee,"MEMBER_TYPE");
                    passwordexp = getValueOf(employee,"PSWRD_EXP_PER");
                    description = getValueOf(employee,"DESCRIPTION");
          catch(SAXException sxe)
               Exception x = sxe;
               if(sxe.getException() != null)
                    x = sxe.getException();
               x.printStackTrace();
          catch(ParserConfigurationException pce)
               pce.printStackTrace();
          catch(IOException ioe)
               ioe.printStackTrace();
          catch(NullPointerException npe)
               System.out.println(npe.getCause());
          table();
          buttonpanel = new JPanel();
          buttonpanel.setLayout(new FlowLayout());
          openbutton = new JButton("Open");
          donebutton = new JButton("Done");
          donebutton.setMnemonic('d');
          buttonpanel.add(openbutton);
          buttonpanel.add(donebutton);
          openbutton.addActionListener(this);
          donebutton.addActionListener(this);
          Container contentpane = getContentPane();
          frame.setContentPane(contentpane);
          contentpane.setLayout(new BorderLayout());
          contentpane.add(table.getTableHeader(),BorderLayout.PAGE_START);
          contentpane.add(table,BorderLayout.CENTER);
          contentpane.add(buttonpanel,BorderLayout.SOUTH);
          frame.setSize(500,400);
          frame.setVisible(true);
     static String getValueOf (Element element, String tagname)
          final NodeList children = element.getElementsByTagName(tagname);
          if (children.getLength() == 0) { return null; }
               return concat(children, new StringBuffer()).toString();
     static StringBuffer concat (NodeList nodelist, StringBuffer buffer)
          for (int index = 0, length = nodelist.getLength(); index < length; index++)
               final Node node = nodelist.item(index);
               switch (node.getNodeType())
                    case Node.CDATA_SECTION_NODE: buffer.append(node.getNodeValue()); break;
                    case Node.ELEMENT_NODE: concat(node.getChildNodes(), buffer); break;
                    case Node.TEXT_NODE : buffer.append(node.getNodeValue()); break;
          return buffer;
     public void table()
          try
               fis = new FileInputStream("QUERYResp.txt");
               dis = new DataInputStream(fis);
               finalstring = dis.readLine();
          catch(IOException e)
          st = new StringTokenizer(finalstring, "@");
          table = new JTable(st.countTokens() + 1,5);
          table.setValueAt("OBJID",0,0);
          table.setValueAt("CLASS NAME",0,1);
          table.setValueAt("MEMBER TYPE",0,2);
          table.setValueAt("PASSWORD DURATION",0,3);
          table.setValueAt("DESCRIPTION",0,4);
          int count = 0,cnt=0;
          StringTokenizer st1 = null;
          try
               while(st.hasMoreTokens())
                    st1 = new StringTokenizer(st.nextToken(),"#");
                    cnt=0;
                    while(st1.hasMoreTokens())
                         table.setValueAt(st1.nextToken(),count,cnt++);
                    count++;
                    st1=null;
          catch(Exception e)
               e.printStackTrace();
          //JTableHeader header = table.getTableHeader();
          table.setPreferredScrollableViewportSize(new Dimension(200,500));
        table.setSelectionMode(ListSelectionModel.SINGLE_SELECTION);
        if(ALLOW_ROW_SELECTION)
             rowSM = table.getSelectionModel();
             rowSM.addListSelectionListener(new ListSelectionListener(){
                        public void valueChanged(ListSelectionEvent e)
                             ListSelectionModel row = (ListSelectionModel)e.getSource();
                             if (row.isSelectionEmpty() == true)
                                System.out.println("No rows are selected.");
                            else
                                 if (e.getValueIsAdjusting())
                                      return;
                                     int selectedRow = row.getMinSelectionIndex();
                                     System.out.println("Row " + selectedRow + " is now selected.");
             JScrollPane scrollpane = new JScrollPane(table);
     public void createprivilegeclassdetails()
          PrivilegeClassDetails privilegeclassdetailsobj = new PrivilegeClassDetails();
          privilegeclassdetailsobj.frame.setSize(400,400);
          privilegeclassdetailsobj.frame.setVisible(true);
     public void actionPerformed(ActionEvent ae)
          String str = ae.getActionCommand();
          if(str.equalsIgnoreCase("done"))
               System.out.println("SelectPrivilege Window Closed");
               frame.dispose();
          if(str.equalsIgnoreCase("open"))
               System.out.println("here");
               createprivilegeclassdetails();
     public static void main(String a[])
          new SelectPrivilege();
Copy the whole line if ur saving this in a file, as it is a string
//QUERYResp.txt
268435457#CSR#Employees#0#Customer Support Representative#@268435458#Hotline Engineer#Employees#0#Hotline Engineer#@268435459#Product Specialist#Employees#0#Product Specialist#@268435460#Senior Product Specialist#Employees#0#Senior Product Specialist#@268435461#Field Engineer#Employees#0#Field Engineer#@268435462#Support Manager I#Employees#0#Support Manager I#@268435463#Support Manager II#Employees#0#Support Manager II#@268435464#Development Engineer#Employees#0#Development Engineer#@268435465#Development Manager#Employees#0#Development Manager#@268435466#QA Engineer#Employees#0#QA Engineer#@268435467#QA Manager#Employees#0#QA Manager#@268435468#Technical Writer#Employees#0#Technical Writer#@268435469#Technical Publications Manager#Employees#0#Technical Publications Manager#@268435470#Site Configuration Manager#Employees#0#Site Configuration Manager#@268435471#Product Administrator#Employees#0#Product Administrator#@268435472#Technical Product Administrator#Employees#0#Technical Product Administrator#@268435473#Contract Specialist#Employees#0#Contract Specialist#@268435474#System Administrator#Employees#90#System Administrator#@268435475#Submitter#Contacts#0#Submitter#@268435476#Viewer#Contacts#0#Viewer#@268435477#Inventory Specialist#Employees#0#Inventory Specialist#@268435478#Logistics Manager#Employees#0#Logistics Manager#@268435479#Sales Representative#Employees#0#Sales Representative#@268435480#Marketing Representative#Employees#0#Marketing Representative#@268435481#Sales Manager#Employees#0#Sales Manager#@268435482#Offline User#Employees#0#Privilege Class for use with ClearEnterprise Traveler#@268435483#Call Center Agent#Employees#30#Call Center Agent#@268435484#Call Center Manager#Employees#0#Call Center Manager#@268435485#Customer Service Agent#Employees#0#Customer Service Agent#@268435486#Telemarketing Agent#Employees#0#Telemarketing Agent#@268435487#Telesales Agent#Employees#0#Telesales Agent#@268435488#Telesales Manager#Employees#0#Telesales Manager#@268435489#Avaya_Users#Employees#0#Privilege Class for Avaya. Only Clear Call Center Application Enabled.#@268435490#Account Manager#Employees#0#Account Manager for Accounts#@268435491#Account Executive#Employees#30#Account Executive for Accounts#@268435492#Pre Sales Tech Executive#Employees#0#Pre Sales Technical Executive#@268435493#Pre Sales Tech Team Lead#Employees#0#Pre Sales Technical Team Leader#@268435494#Post Sales Tech Executive#Employees#0#Post sales technical executive#@268435495#Post Sales Commercial Executive#Employees#0#Post sales commercial executive#@268435496#Vertical Domain Expert#Employees#0#Vertical Domain Expert#@268435497#Supervisor#Employees#0#Supervior who approves the billing adjustments#@268435498#RA#Employees#0##@268435499#Configuration#Employees#90#Privilege Class for Clarify Configurators#@268435500#FO Online Agent#Employees#0#Testing#@268435501#OTAF Remote Funcionality#Employees#0##@268435502#Sr.Manager CC#Employees#0#Customization for phase1 RUNS (1a).#@268435503#FO Online Unit - Agent #Employees#0#Customization for phase1 RUNS (1).#@268435504#FO Online - Agent (outbound)#Employees#0#Customization for phase1 RUNS (1b).#@268435505#Incoming mail unit manager#Employees#0#Customization for phase1 RUNS (2).#@268435506#Save team agent#Employees#0#Customization for phase1 RUNS (3).#@268435507#Save team supervisor#Employees#0#Customization for phase1 RUNS (4).#@268435508#Technical suport agent#Employees#0#Customization for phase1 RUNS (5).#@268435509#Technical suport supervisor#Employees#0#Customization for phase1 RUNS (6).#@268435510#Webstore Agents#Employees#0#Customization for phase1 RUNS (7).#@268435511#FO Offline Unit (Reg)- Supervisor#Employees#0#Customization for phase1 RUNS (8).#@268435512#Head C. Service (Circles)#Employees#0#Customization for phase1 RUNS (8a).#@268435513#Revenue Assurance#Employees#0#Customization for phase1 RUNS (9).#@268435514#Manager CC#Employees#0#Customization for phase1 RUNS (1a).#@268435515#FO Offline Unit - Agent at Contact Centre#Employees#0#Customization for phase1 RUNS (1).#@268435516#Telesales unit agent#Employees#0#Customization for phase1 RUNS (1).#@268435517#Incoming mail unit agent#Employees#0#Customization for phase1 RUNS (1).#@268435518#Telesales supervisor#Employees#0#Customization for phase1 RUNS (2).#@268435519#FO Online Unit - Supervisor#Employees#0#Customization for phase1 RUNS (2).#@268435520#FO Offline Unit (CC) - Supervisor#Employees#0#Customization for phase1 RUNS (2).#@268435521#TT unit agent#Employees#0#Customization for phase1 RUNS (5).#@268435522#TT unit supervisor#Employees#0#Customization for phase1 RUNS (6).#@268435523#Pos Agents#Employees#0#Customization for phase1 RUNS (7).#@268435524#FO Offline Unit - Regions#Employees#0#Customization for phase1 RUNS (7).#@268435525#Service fulfillment unit agent#Employees#0#Customization for phase1 RUNS (7).#@268435526#Sales Executives (Regions)#Employees#0#Customization for phase1 RUNS (7).#@268435527#Webstore Manager#Employees#0#Customization for phase1 RUNS (8).#@268435528#Service fulfillment unit manager#Employees#0#Customization for phase1 RUNS (8).#@268435529#Network#Employees#0#Customization for phase1 RUNS (9).#@268435530#After Sales#Employees#0#Customization for phase1 RUNS (9).#@268435531#Handsets#Employees#0#Customization for phase1 RUNS (9).#@268435532#Portal#Employees#0#Customization for phase1 RUNS (9).#@268435533#GIS#Employees#0#Customization for phase1 RUNS (9).#@268435534#Logistics#Employees#0#Customization for phase1 RUNS (9).#@268435535#Data Services#Employees#0#Customization for phase1 RUNS (9).#@268435536#Production Support#Employees#0#Since it is possible to temper the data form the Clarify GUI , restrict all access to users except for the minimal in order to control the env.#@268435537#Webstore Users#Employees#0##@268435539#IN_CSR#Employees#0#Privilege Class for Prepaid CSR's#@268435540#Configuration_Maha#Employees#0#Privilege Class for Clarify Configurators#@268435541#test privilege class#Employees#0##@268435542#PS_TEST#Employees#0##@268435543#TEST SACHIN#Employees#0#SACHIN TEST#@268435544#Supervisor1#Employees#300#Supervise and monitor agents#@268435545#Call Center Adminstrator#Employees#0#Call Center Admin Priv#@268435546#siva_test#Employees#0#new privilege class for test purpose#@268435547#PREPAID PCO#Employees#0#For PREPAID PCO#@268435548#santo_test#Employees#0#new privilage class for test#@

Don't start by writing a 100 line program to test a component you don't know how to use. Start by writing a 10 line program. This is all you need:
          String[] columnNames = {"Date", "String", "Centered", "Integer", "Boolean"};
          Object[][] data =
               {new Date(), "A", "A", new Integer(1), new Boolean(true)},
               {new Date(), "B", "B", new Integer(2), new Boolean(false)},
               {new Date(), "C", "C", new Integer(10), null},
               {new Date(), "D", "D", new Integer(4), new Boolean(false)}
          DefaultTableModel model = new DefaultTableModel(data, columnNames);
          model.addTableModelListener( this );
          table = new JTable( model )
               // Returning the Class of each column will allow different
               // renderers to be used based on Class
               public Class getColumnClass(int column)
                    return getValueAt(0, column).getClass();
          table.setPreferredScrollableViewportSize(table.getPreferredSize());
          JScrollPane scrollPane = new JScrollPane( table );
          getContentPane().add( scrollPane );

Region buttons to left side of screen

Hi,
In APEX 4.1 I would like to move my region buttons (like Save, Cancel etc in a Master Detail form) to the left side of the screen, now they're on the right side.
Reason: Some reports are pretty wide, so I need to use the horizontal scrollbar to see buttons.
In some cases, using IE7, the right part of the screen is even disappeared without horizontal scrollbar.
Theme: 7. Modern Blue
Region Template: Reports Region
Browser: Firefox8 / IE8
I looked into the Region template, but it's not clear to me how to modify that.
JP

I know this is an old thread but still an issue for me. In older versions of APEX it was easy enough to copy a region template and the just change the "align" from right to left. But now it seems this is buried in a CSS with a class of rc-content-button. I found many *.css files on the web server that seem to define the rc-content-button class but have now idea which specific file it is so and I could not see where in any one of them that caused the buttons to align to the right.
Like the original poster, I have a wide tabular for that requires users to page right to submit the page. I'd really like to avoid this.
Thanks in advanced for any help!

Request assistance - unwanted embedded scrollbars

Hi there.
So I have a flash intro, which shows as I want it to in Firefox and Opera...as the flash player in the center of the screen. However, in internet explorer, it shows up with ugly scrollbars (not the browser scrollbars...scrollbars within the embedded object region). How do I get rid of these without messing up appearance in the other browsers. For reference, I am using Yahoo Site Builder, which I know is a big no no, but it's where my ability is at right now. Below is the code. I am sure it is messy, but please let me know if there any major problems with it and how to fix this. Thanks.
html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta http-equiv="refresh" content="32;url=http://mywebsite.org/main.html">
<title>mywebsitel</title>
</head>
<body bgcolor="#000000" align="center" MARGINHEIGHT="0" MARGINWIDTH="0" TOPMARGIN="0" LEFTMARGIN="0" RIGHTMARGIN="0" BOTTOMMARGIN="0" SCROLL="NO">




<center><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="1100" height="800" id="myflashmovie" align="center">
<param name="allowScriptAccess" value="sameDomain" />
<param name="movie" value="myflashmovie.swf" /><param name="quality" value="high" /><param name="bgcolor" value="#000000" /><embed src="myflashmovie.swf" quality="high" bgcolor="#000000" width="1100" height="800" name="myflashmovie" align="center" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" />
</object></center>
</body>
</html>

While re-usable, classes simply don't carry as much weight as IDs. I realize there is some controversy over the class vs ID thing lately. But I still prefer IDs when it's feasible to use them.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<style>
/**default text links**/
a {text-decoration:none}
a:link {color: orange}
a:visited {color: #999}
a:hover,
a:active,
a:focus {color: green}
#close {
font-weight:bold;
border: 1px solid #a1a1a1;
border-radius: 10px;
background: #AED7FF;
margin-left: 300px;
padding: 1px 5px;
font-size: 10px;
#close a:link,
#close a:visited,
#close a:hover,
#close a:active,
#close a:focus {color: #000;}
</style>
</head>
<body>
<p><a href="#">normal text link</a></p>
<button id="close">Some button text</button>
</body>
</html>
Nancy O.

Scrollbars in regions

Similar Messages

Maybe you are looking for