Creating Scrollbar

Hi,
I had created a loader which can load an array of images.
However, when there are more images, the images actually got hidden
as the size of the application is too small to accommodate all the
images. I would need to create a scroll bar. I tried creating a
scroll bar but there were errors faced saying that "TypeError:
Error #1009: Cannot access a property or method of a null object
reference.". I am not really sure on how to do it, can anyone
advice me?

At the bottom of your _loadImages function you are loading
the images and then adding each to the biffContainerSprite. What
you need to do is to monitor the loading and when the last images
has loaded, you can then add the scrollbar. The image's size will
take care of themselves and when all of the images have loaded the
biffContainerSprite will have a width and a height that the
scrollbar can work with.

Similar Messages

How to create scrollbar around af:panelBox /

Hi,
Is there any way to create scrollable <af:panalBox />
I am using Jdev 10g.
I need to put scrolling for the components inside the panelBox.
so that user can scroll and see all the components inside a panelBox.
Any help would be appriciated.
Thanks,
Idris

Hi,
you can surround the components within af:panelbox with panelGroupLayout with layout="scroll".
(see also http://www.oracle.com/technology/products/adf/patterns/layoutBestPractices.html)
Hope this helps also for 10g (I only use 11g)
regards
Peter
Edited by: hofespet on Jan 2, 2009 3:37 PM

How to create a scrollbar using adobe edge animiate

hello again,
i am having trouble creating a custom scrollbar with scrolling content using adobe edge animiate. i first tough that adobe edge animiate replace flash catalyst but with flash catalyst, i can easily create scrollbar but i am having a hard drive.
i know that i can use the overflow but i want to create a custom scrollbar with custom color, just like when using flash catalyst.
please help.

Hi Darrell!
I've develeppoed a scrubber starting from the modification JackPister made to your code:
http://forums.adobe.com/message/4802851#4802851
I would like that scrubber can move in a circular path and it actually moves, but doesn't scrub... :-(
Any idea!
Many thanks in advance for your support!
Davide

Scrollbar help~

hi..
the code below are in working condition.. means can be compiled & run.. when drag the scrollbar, the "Welcome To Java" string message will be move left, right or up, down depend on which scrollbar u drag..
just wanna ask if the "Welcome To Java" text be changed to image?? so instead of the text shifting.. its the image tt is moving.. can anyone help me.. ??
import java.applet.*;
import java.awt.*;
import java.awt.event.*;
public class ScrollbarDemo extends Applet implements AdjustmentListener
     //declare scrollbars
     Scrollbar scbHort, scbVert;
     //declare a canvas
     ScrollMessageCanvas c;
     public static void main(String[] args)
          ScrollbarDemo f = new ScrollbarDemo();
          f.setSize(300,200);
          f.setVisible(true);
     public ScrollbarDemo()
          setLayout(new BorderLayout());
          //create scrollbars
          scbVert = new Scrollbar();
          scbVert.setOrientation(Scrollbar.VERTICAL);
          scbHort = new Scrollbar();
          scbHort.setOrientation(Scrollbar.HORIZONTAL);
          add("Center", c = new ScrollMessageCanvas());
          add("East", scbVert);
          add("South", scbHort);
          //register listener for the scrollbars
          scbHort.addAdjustmentListener(this);
          scbVert.addAdjustmentListener(this);
     public void adjustmentValueChanged(AdjustmentEvent e)
          if(e.getSource() == scbHort)
               /*getValue() and getMaximumValue() return int, but for better precision, use double*/
               double value = scbHort.getValue();
               double maximumValue = scbHort.getMaximum();
               double newX = (value*c.getSize().width/maximumValue);
                    c.setX((int)newX);
          else if(e.getSource() == scbVert)
               /*getValue() and getMaximumValue() return int, but for better precision, use double*/
               double value = scbVert.getValue();
               double maximumValue = scbVert.getMaximum();
               double newY = (value*c.getSize().height/maximumValue);
                    c.setY((int)newY);
class ScrollMessageCanvas extends Canvas
     private int x = 10;
     private int y = 20;
     private String message = "Welcome to Java!";
     public ScrollMessageCanvas()
          repaint();
     public void setX(int x)
          this.x = x;
          repaint();
     public void setY(int y)
          this.y = y;
          repaint();
     public void paint(Graphics g)
          g.drawString(message, x, y);
}

what should i replace this line with??
[[ private String message = "Welcome to Java!"; ]]
public void paint(Graphics g)
g.drawString(message, x, y);
can be replaced by
public void paint(Graphics g)
g.drawImage(image, 0,0);
}

Two scrollbars - one project

Hi Everyone,
I have an odd issue I can't seem to figure out. Since this new update to Edge Animate, I am getting two scrollbars along the right side on my project. One seems to be from Edge Animate and one from the browser. I have my stage set to Overflow:auto like I always have. Has anyone else seen this? Anyone know what I should turn off or do to turn off the Edge Animate scrollbar?
Thanks
Randy

Change the overflow for the stage from "auto" to "visible". This will get rid of the Edge Animate created scrollbar.
hth,
Vivekuma

Lightbox Error - Browser resizing background by a few pixels when closing, causing browser scrollbar

I've noticed that when using a lightbox there's an error that commonly occurs. When you close the lightbox, it shifts the browser window size around 5 pixels and creates scrollbars and then shifts back. It's a small error, but looking at the code it looks like it's resizing the background when closing for some reason, and adding the scrollbars and then shifting the browser window size.
(Reposted from old forum – Since the bug is still there when using lightbox)
Is anyone with adobe gonna comment on issuse. Why would pay for Muse if there is no help from the support team when help or feedback is wanted.???

I'm now getting a similar error, My website is a single page, anchor scrolled site, and so has a scrollbar at the side.
When lightbox is opened, the sidebar goes, making the site jump sideways, then back again when the lightbox is closed and the scrollbar reappears.
It's very untidy looking and I really dislike it.

Scrollbar In Oracle 6i Forms

Hai all,
I want to hide the scrollbar of a detailed block depending up on the data in the master block.
but i can;t find any thing in the SET_BLOCK_PROPERTY.
or is it possible to hide entire block including the scrollbar?
thanks in advance.
Manu

I want to hide the scrollbar of a detailed block depending up on the data in the master block
1.You cant create scrollbar at runtime (forms 6i)
2. If scrollbar property yes(static) then we can play with hight and width and placement of scollbar.
is it possible to hide entire block including the scrollbar?
but if u want to hide the block that is possible
if u place the detail block at different canvas (as stacked).
If is helpful/correct please tick
kanish

Scrollbar with group container ?

Hi folks,
Can anyone tell me ?.
how can i create scrollbar in group container ?.
Example:
i have one container thumbnailGroup is my Group.
i need scrollbar to scroll the thumbnails.
tell me any other alternatives also. anyway i need scrollbar and container.
Thank you.
Regards,
Mani

mvillam wrote:There is example code for that in [Module 2 Task 2|http://www.javafx.com/docs/tutorials/mediabrowser/module2_task2.jsp] of the [Media Browser Tutorial|http://www.javafx.com/docs/tutorials/mediabrowser/]
Sorry for late reply.....
i need vertical scrollbar... and i changed the rows into 30 .... i havent got vertical scrollbar....
i would expect some simple and neat example....
Thank you...

Scrollbar visible / not visible problem

Hi everybody,
I am a newbie in java and i already stumbeled upon a problem. If anybody could give me some help it will be much appreciated. So... I have this schirpt on a website i am building:
<script language="JavaScript" type="text/javascript">

</script>
Which it seems to create scrollbars on a div i have attached this code:
<div class="divElement3" style="display:inline;clear:left;float:left" >
<img style="display:inline" align="right" onMouseOver="Scroll('Tst1',-1);" onmouseout="clearTimeout(zxcTO);" src="<cms:link>../resources/upArrow.gif</cms:link>" border="0" />
<img style="display:inline" align="right" onMouseOver="Scroll('Tst1',1);" onmouseout="clearTimeout(zxcTO);" src="<cms:link>../resources/downArrow.gif</cms:link>" border="0"/>
</div>
Thing is i don't want the scrollbar to be seen but still to act like a scrollbar as i have 2 little arrows acting like a scrollbar up and down.
Hope is clear enough :)

JavaScript != Java
They are two seperate languages. Find a JavaScript forum to answer your question.

Scrollbar creation

hi
The item is tabular and, displays 10 records.
I created scrollbar, but when I run the program,I cannot see it.
I can see the scrollbar in the layout editor.
I have changed "show scrollbar" part to yes.
The arrows can be seen, but I cannot see scrollbar
I want item to display 10 records, however when a user drops down scrollbar, more than 10 (11,12,13,....) records can be inserted.
How can I do that?

Perhaps this is not the problem, it's just a suggestion. Anyway, the colours may have been set specifically rather than via a visual attribute. If you change the colour and finally can see your scrollbar then we know what the proble is.
If you could post an image it would help. You can host images for free at sites such as photobucket.com and embed in the page simply by putting an exclamation mark (!) either side of the url. Here's a test:
!http://forums.oracle.com/forums/themes/english/resources/oralogo_small.gif!

Scrollbar in AS3

I have try to use below code for create scrollbar, but it didn't work.
Can advise some method to solve this problem?
import com.tis.utils.components.Scrollbar;
var sBar:Scrollbar = new Scrollbar(testMC);
sBar.name = "ScrollBarMc";
addChild(sBar);
Thanks~

I don't know what the com.tis.utils.components package is, but it isn't part of the stock Flash install. So you might want to check any documentation that came with the Scrollbar class.
I found the code for some version of that class and it looks like it needs to create an instance of the ScrollbarAssets class -- which I don't know about either. I'm guessing it is something that should be in your library?
Other than that can you say how it doesn't work? There are many ways that things can "not work."

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

Images in Tilelist not actual size

I am pulling urls from my database and having them and a
small caption populate a tilelist. The images vary in size and I am
wanting them to show up their actual size and will have 1 row in
the TileList and just scroll horizontally to view the images
inline.
However, when I use my custom itemrenderer I cannot seem to
get it to appear actual size, instead it creates scrollbars and a
fixed size as you can see in the photo below.
Example
Any help with either situation is appreciated.
Here is some relevant code
// Custom Renderer
<?xml version="1.0" ?>

<mx:Canvas xmlns:mx="
http://www.adobe.com/2006/mxml"
width="100%" height="100%">
<mx:Image id="image" source="{data.source}" />
<mx:Label text="{data.name}" y="275" fontSize="16"
horizontalCenter="0"/>
</mx:Canvas>
//// Tile List
<mx:TileList
dataProvider="{photoList.lastResult.images.image}"
itemRenderer="Thumbnail" y="41" x="0" width="100%" height="90%"
variableRowHeight="true"></mx:TileList>

Thanks, but that's not it I'm afraid. Here's what I mean. The image on the right is the actual size, as opened up in a web page. The image on the left is how Preview displays it when the file is opened. And hitting ⌘-0 doesn't change the size, only zooming does.

JTextArea wordwrap according to the window size

Hi All,
I have a problem with JTextArea. I am constructing my UI as explained below:
1. Panel with GridBagLayout.
2. This panel have a grid of component. Each row will have a text area as a description and a text field to enter the value
[ Text Area ] [Text Field]
[ Text Area ] [Text Field]
[ Text Area ] [Text Field]
3. This panel is added to a scroll pane.
Now the problem is when the description in the Text Area is large, then the horizontal scrollbar will be large. mean lot of horizontal scrolling.
So I made text area to wrap at word boundaries and setting the columns size to 40. But now the problem is if the window is made large, still Text Area will wrap at 40th column leaving lot of empty area.
So rather setting the column counts, i need the Text Area to wrap according to the window size. Is is possible? Looking for suggestions.....

here comes the demo code. you can copy and run it.
import java.awt.GridBagConstraints;
import java.awt.GridBagLayout;
import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.JScrollPane;
import javax.swing.JTextArea;
import javax.swing.JTextField;
import javax.swing.SwingUtilities;
public class TestScroll extends JFrame
     private int width;
     public void showUI()
          SwingUtilities.invokeLater(new Runnable()
               public void run()
                    setSize(300,300);
                    setVisible(true);
                    setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
     public void init()
          JPanel panel = new JPanel(new GridBagLayout());
          GridBagConstraints gc = new GridBagConstraints();
          gc.fill = GridBagConstraints.HORIZONTAL;
          gc.weightx = 1; gc.weighty = 0;
          JTextArea area = new JTextArea("Please enter your name :");
          area.setOpaque(false);
          JTextField field = new JTextField(15);
          area.setWrapStyleWord(true);
          area.setLineWrap(true);
          panel.add(area,gc);
          gc.gridwidth = GridBagConstraints.REMAINDER;
          panel.add(field,gc);
          JScrollPane scroll = new JScrollPane(panel);
          //scroll.setHorizontalScrollBarPolicy(JScrollPane.HORIZONTAL_SCROLLBAR_NEVER);
          setContentPane(scroll);
     public static void main(String args[])
          TestScroll scroll = new TestScroll();
          scroll.init();
          scroll.showUI();
}When you initially run it you can see that "Please enter your name is word wrapped.." when I expand the window, it unfolds (cool!) But when I shrink the window back, I expect the above to wrap again, rather than creating scrollbar :(.
Note : I will need scrollbar, because I need to scroll vertically when there are many prompts for the user.
Hope I have now clarified my query. Looking for a suggestion still !!

- How can I tackle this problem?

Here's what I'm trying to do :
- Vertically center a table
- Add gradients above and below the table (1px wide,
repeating x-axis)
- At the end of these gradients, display opaque color (of the
same color as
the last pixel in the gradient)
- The gradients must be aligned with the table in the middle
- The center table must be the only foreground element
creating scrollbars
(if screen resolution allows for center table but not all
gradients,
gradients are cut off - sans scrollbars).
In other words, try to picture a kind of "glow" effect above
and below the
center table, that segues into opaque colors that differ on
top and on
bottom (so a background color in the body is not possible).
Here is as close as I was able to do it :
- 3 row table : gradient on 1st row bottom-justified, content
table on 2nd
row, gradient on 3rd row (top-justified)
- body bg = same color as last pixel on bottom gradient
Downsides of this method :
- Gradients are included in foreground space (create
scrollbars)
- Vertical centering of main content table is an illusion
(not true
centering, since top gradient area will always be same
height)
Using CSS and HTML only... is it possible to vertically
center a content
table, and have 2 different gradients at top and bottom that
fade into a
solid color to adapt to ALL screen resolutions, with only the
main content
table counting as scrollable content?

Well, there was a lot more to the problem than just that...
but thanks
anyway. :)
"Murray *ACE*" <[email protected]> wrote
in message
news:[email protected]...
> To vertically center the table, read this -
>
>
http://www.apptools.com/examples/tableheight.php
>
> --
> Murray --- ICQ 71997575
> Adobe Community Expert
> (If you *MUST* email me, don't LAUGH when you do so!)
> ==================
>
http://www.dreamweavermx-templates.com
- Template Triage!
>
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
>
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
>
http://www.macromedia.com/support/search/
- Macromedia (MM) Technotes
> ==================
>
>
> "Reese" <[email protected]> wrote in message
> news:[email protected]...
>> Here's what I'm trying to do :
>>
>> - Vertically center a table
>> - Add gradients above and below the table (1px wide,
repeating x-axis)
>> - At the end of these gradients, display opaque
color (of the same color
>> as the last pixel in the gradient)
>> - The gradients must be aligned with the table in
the middle
>> - The center table must be the only foreground
element creating
>> scrollbars (if screen resolution allows for center
table but not all
>> gradients, gradients are cut off - sans scrollbars).
>>
>> In other words, try to picture a kind of "glow"
effect above and below
>> the center table, that segues into opaque colors
that differ on top and
>> on bottom (so a background color in the body is not
possible).
>>
>> Here is as close as I was able to do it :
>>
>> - 3 row table : gradient on 1st row
bottom-justified, content table on
>> 2nd row, gradient on 3rd row (top-justified)
>> - body bg = same color as last pixel on bottom
gradient
>>
>> Downsides of this method :
>> - Gradients are included in foreground space (create
scrollbars)
>> - Vertical centering of main content table is an
illusion (not true
>> centering, since top gradient area will always be
same height)
>>
>> Using CSS and HTML only... is it possible to
vertically center a content
>> table, and have 2 different gradients at top and
bottom that fade into a
>> solid color to adapt to ALL screen resolutions, with
only the main
>> content table counting as scrollable content?
>>
>
>

Creating Scrollbar

Similar Messages

Maybe you are looking for