Horizontal Scrollbar help

Hello.
I am trying to build a webpage with a fixed sized window in
the centre of the page. Within this window I would like to display
some photos I have taken. What I would like to happen is for people
to be able to scroll right to view my pictures, but for the main
navigation not to disapear. So I thought I could incorporate a
horazontal scrollbar into the central box, so that whatever content
is in the box is scrollable. I have noticed things called div tags
and I think that this is the way forward, although I don't seem to
be able to use these effectivly.
Can anybody help me please.
Thanks
S

The scrollbar works, you can try using a simple JComponent with a set preferred size instead of the JTextPane and it will work. The problem is that the JTextPane always wraps its lines, so it doesn't need to be wider - therefore the scrollbar doesn't appear (or doesn't display the knob in case it's always displayed). You'll have to find a way to somehow disable line wrapping in that JTextPane, or you'll have to use another component to display your data, for example JTable.

Similar Messages

Need help creating horizontal scrollbar in graphic timelime (built in AI)!

I am trying to use Catlyst to build an interactive scrollbar on a graphic timeline build in Adobe Illustrator, I want to be able to scroll from one end of timeline to the other. Can anyone help? Thanks!

Can you post a screenshot of the timeline you are trying to convert. It will help in accurate response.
You would probably need to do it in two step:
- Have the graphic timeline converted into Datalist element, and make the data repeatable.
- Create a Horizontal Scrollbar component and add it to the datalist component (timeilne)
- If you have the Horizontal scrollbar designed, then select it and convert it to a Horizontal Scroll component (using the HUD - the black overlay that comes up when you select a graphic element)
- After conversion you would need to define the parts of the H. Scrollbar (Track, thumb, right button, left button). Note: It helps if you designed your H. Scrollbar with these components in AI/PSD.
- Now come back to the artboard, and select the H. Scrollbar by clicking on it.
- Cut the H. Scrollbar
- Click the Datalist element, and go to Edit Parts (in HUD)
- Paste the H . Scrollbar inside the Datalist element. This will attach the scrollbar to the data.
Hope this helps,
Fu

Horizontal scrollbar for plot legend

Hello,
The plots in my plot legend for a graph can have quite long names so it would be great having a horizontal scrollbar.
Quote from here
>>To add a scroll bar to a plot legend, right-click the plot legend and select Visible Items»Horizontal Scrollbar or Visible Items»Vertical Scrollbar from the shortcut menu.
I can see the entry horizontal scrollbar, but it is always grayed out, what's wrong?
Thanks a lot for your help!
Cheers,
Rico

I think you are misinterpreting the use of the scrollbar. If you have a lot of plots on your graph, then you can use the scrollabr to not show all the plots at once and this allows you to scroll through the list. It does not allow you to make the plot legend smaller to hide long names and scoll across.
So, if you resize the plot to be horizontal, then you can display the horizontal scrollbar:
If you resize it vertically, then you can display the vertical scrollbar:
Message Edited by Matthew Kelton on 05-09-2008 12:09 PM
Attachments:
Plot legend horizontal.png ‏2 KB
Plot legend vertical.png ‏2 KB

How to make JTable use horizontal scrollbar

My application uses a table to which data is added dynamically(both columns and rows). My problem is that when number of columns increase i want JTable to use horizontal scrollbar instead of resizing columns(which i achieve by setting resize mode to OFF state), But due to this if number of columns are less then there's alot of empty space left after showing columns(coz JTable cannot resize cols to fit Viewport area). To achieve both criteria i used following solution
1. Set Auto resizing to OFF.
2. Check if width of table is less than viewport width and if so then set auto
auto resizing ON :) which will fit columns in viewport thereby occupying empty space.
But this solution doesn't seem to be straight and simple to me. Is anyone aware of a simple solution to this problem.
Dimension dm_Dm = new Dimension();
    RSBrowser.setModal(false);
    browseTable_Jt.setAutoResizeMode(JTable.AUTO_RESIZE_OFF);
    // reqd o.w. JTable resizes column widths instead of using horizontal
    // scrollbar
    RSBrowser.setVisible(true);
    browseTable_Jt.getSize(dm_Dm);
    // if table width is less than total viewport size then fill the extra
    // space by setting suto resize property to ON.
    if ( browseTable_Jt.getPreferredScrollableViewportSize().getWidth() >
         dm_Dm.getWidth() )
        browseTable_Jt.setAutoResizeMode(JTable.AUTO_RESIZE_SUBSEQUENT_COLUMNS);
        browseTable_Jt.doLayout();
    RSBrowser.setModal(true);

hi,
with your problem statement it seems you should use javax.swing.JScrollPane like the one below
JScrollPane tableScroller = new JScrollPane(yourTable);
tableScroller.setHorizontalScrollBarPolicy(JScrollPane.HORIZONTAL_SCROLLBAR_AS_NEEDED);
tableScroller.setVerticalScrollBarPolicy(JScrollPane.VERTICAL_SCROLLBAR_NEVER);hope this helps you,
regards,
Afroze.

Stacked canvas with horizontal scrollbar

Hi,
In a forms module I want to show a stacked canvas with a horizontal scrollbar. I have set the generator preference POPHSB on every level to yes, but the stacked canvas is still generated without scrollbar. In the Designer help topic "Generated stacked canvas properties" it is stated that the properties horizontal/vertical scrollbar is derived from the object library. But how can I set in Designer the name of an object library object for a stacked canvas? I don't want to override the object CGSO$CANVAS_POPUP because I also have other stacked canvases that doesn't need scrollbars.
Regards,
Vincent Botteman

Hi,
This is what I just have found: you must indeed create a new canvas object in the object library and then enter the name of the new canvas object in the property "Placement Template/Library Obj" of the first Module component on that canvas! Apparently, you can change the canvas by means of the first Module Component on that canvas.
Regards,
Vincent Botteman

Slow Swipe experience for Horizontal Scrollbar, in iphone & ipad

Hi All,
I put images in a DIV and enabled the Horizontal Scrollbar. The swipe action is too slow/short in iphone and ipad. I was expecting the device to translate scrollbar into a natural swipe behavior. By natural swipe behavior I mean the same sort of swipe experience you get when you scroll a web page vertically on iphone.
Link to website: www.fieldrecording.info
The experience is the same for both Chrome & Safari on iPhone. Below is the code related to the main div wrapping all images:
sym.$("Group").css({ width:$(window).width(), overflow:"auto", overflowY: "hidden", })
I found some tutorials on Jquery & CSS tricks, but I would like to know if Edge has some built in solutions to solve Swipe/Scroll interactions in a single attempt.
http://css-tricks.com/the-javascript-behind-touch-friendly-sliders/

Hi,
Below link may helpful for you.
ADF Table Horizontal Scrollbar

How to Add Horizontal scrollbar to JTextPane

when i try to add Horizontal scrollbar to JTextPane it is not apperaing..plase help me..
nagesh

I tried in all ways
1)HORIZONTAL_SCROLLBAR_ALWAYS and VERTICAL_SCROLLBAR_ALWAYS
2)JTextPane textPane = new JTextPane();
JScollPane scroller = new JScrollPane(textPane);
or :
3)JScollPane scroller = new JScrollPane(textPane, VERTICAL_SCROLLBAR_ALWAYS, HORIZONTAL_SCROLLBAR_ALWAYS);
4)JScrollPane.setHorizontalScrollBarPolicy(
               ScrollPaneConstants.HORIZONTAL_SCROLLBAR_ALWAYS);
               JScrollPane.setVerticalScrollBarPolicy(
               ScrollPaneConstants.VERTICAL_SCROLLBAR_ALWAYS);
and also we tried to overwrite the setbounds also, but nothing is diplaying..

How can I create a horizontal scrollbar with a centered thumb that scrolls content from both sides?

I am having trouble figuring out how to create a horizontal scrollbar component either by itself or nested inside a data list component that will have it's thumb centered in the track when running and reveal content from either the right or left side when the thumb is moved. The furthest I have managed to get is to create a data list component with a scrollbar component inside that has a centered thumb that reveals content from the right side of the list (0 through 10 of the items) but only reveals blank area when tracking the other way. Is there a way to create say… negative items in the data list… 0 through -10? Or am I approaching this the wrong way. Please help. Thanks.

Mykola,
Thanks. I guess I was hoping for an answer that addressed my question from a designer's point of view rather than a developers'. As a designer with over ten years experience using Adobe products for print work it is difficult to understand why "centered" is such a complicated concept when designing art for use on the web. It is so frustrating to realize that most containers for images and text can only be resized by pushing and pulling handles located on the right and bottom; Catalyst seems like a great start but if Adobe really wanted to impress the "design" community it might consider putting all that supercharged code underneath the hood of some more familiar "design" tools. Maybe a "catalytic converter" would allow the introduction of a "centered" tool for every element.
After all, why is it literally twenty-five times more difficult, requiring the use of three additional programs to create a component that functions exactly like a typical data list and scroll bar with the exception that the thumb is "centered" on the track and reveals images from both the right and left. For that matter why not also have as an option a thumb that snaps to the bottom of the track and reveals images from the top… and one that snaps to the right and reveals images from the left when you run the project? It just seems so logical to expand the scroll bar component to include these options.
I am very glad to have Catalyst and will redesign my project to fit within the constraints of the tools available in the program but it seems that if Adobe is really serious about Catalyst being a window into the world of web design for designers/AD's that perhaps it might benefit by focusing on what might improve the program from the designer's point of view. I hate to say it but the Catalyst forum is already rife with answers to questions that are riddled with code… Literally. And to be honest most designers don't have the time to decipher that code. As a designer I work regularly and have a deep understanding of Photoshop, InDesign, Illustrator, Acrobat Pro, Final Cut Pro, Final Draft and modo. I do hi-res assembly, retouching, design and layout, identity, production, 3D modeling and rendering, video editing… and before I switch to using Catalyst for web mock-ups I am going to need a more "designer" friendly set of tools and definitely a "centered" control.
I really think Adobe is fantastic. But I also think it could take a lesson from a great little company called Luxology. I tried learning 3D modeling and rendering for years with programs like Lightwave, Maya and others, always with mixed results. Then Luxology came along and actually delivered on their promise to create a 3D program for artists. What was the factor that made all the difference? Well, besides the Apple award winning interface and sets of tools it was the training available on their sight. The program itself ships with thirty-six hours of quicktime movies. And hundreds more hours available for download. I have never yet not been able to quickly and easily find an answer to a question I had about how to accomplish something in modo. You know how long I have already spent on Adobe TV searching through videos and on the Catalyst forum searching through topics trying to get an answer to what I thought was a very simple question? Way too many. If I have a question about a Luxology product that I can't find the answer to do you know what I do? I call Brad Peebler, the President of Luxology. I'm not special nor do I work for some special development house with special privileges that is simply their policy. And that policy has paid big dividends. Both ILM and Pixar has licensed their technology.
Well… I apologize for this long response but I really think that if Catalyst is going to attract the market it wants that it will have to consider putting some designers on the development team. After all… Isn't that what the promo videos tout… Finally a web design program for designers. Well, I guess we'll see.
Karl

Horizontal scrollbar in the 3 level hover Top level Navigation

Dear All,
I have implemented a customised 3 level hover Top level Navigation in my Portal. However if the number of Roles increase in TLN, they get added to the next line. I want to implement a horizontal scrollbar in the Top level Navigation.
Request your help on the same.
Thank you,
Regards,
Disha.

Dear Atul,
Thank you for your quick reply.
However, using horizontal-y is not serving my purpose. I want the functionality similar to that of the standard SAP TLN in case of the scrolling bar when the number of roles increase in TLN.
Can you plz help me in writing the code for the same.
Thank you,
Regards,
Disha.

Horizontal scrollbar on browser?

I'm trying out the sticky footer feature with a big background image.
But if I add more content to the page a horizontal scrollbar appears inmediately on my browser. I have no clue if it's the background image or the sticky footer that is causing this.
Plz help. I have no clue of what could I be doing wrong.

Hi and thanks for helping out!
http://www.maskedrooster.com/index.html here is the site on a test domain I currently own.
I created my template using a Master page and I insert all my new content on a separate page based on that master.
And here is how the horizontal scrollbar shows up on the browser.

Horizontal scrollbar isn't showed when using HTMLCSS format

I'm using iAS Rel 1
when creating "Right to Left" reports in HTMLCSS format with the report server , the horizontal scrollbar
isn't showed !
is there anyone can help me ?
I'mm be really thankfull

Hi Kamran,
So you are using Reports 6i. Even in Reports 6i, you should not be hitting this problem. Pl install the latest 6i patchset 15 from Metalink (patch number 3171855). However, it is also possible that this is not actually a Reports issue. Pl try to view the report output in a different browser and see if the issue reproduces.
If it reproduces, you can also try to see a report in the "left to right" direction also results in this problem.
Navneet.

Urgent solution required - Horizontal Scrollbar prblem in iframe

I came across with very weird problem in html iframe.
I have to set my iframe with WIDTH="748" and HEIGHT="460".
My code is as follows:
<html>
<head>
</head>
<body style="overflow-x: hidden;">
<div style="align:center;margin-top:10;margin-left:10;width=100%;">
<img border="0" src="/imgage/top.PNG" width="980" height="140">
</div>
<div align="right" style="width:748; height: 12;float:right;">
<br><br>
<iframe name="main" src="data.html" width="748" height="460"
marginwidth="0" marginheight="0" frameborder="0" scrolling="yes" style="overflow-x:hidden;overflow-y:auto">
</iframe>
</div>
<div align="left">
<img border="0" src="/image/side.PNG" width="209" height="524">
</div>
</body>
</html>Though I have written "overflow-x:hidden" I am able to see the Horizontal Scrollbar. I have to disable only horizontal scroll bar not vertical. Vertical Scroll Bar should remain as it is.
It looks fine in Mozilla but problem is occuring only for IE browser. I am wondering from last two days but still can't get the solution.
If anybody having any idea then please help. I would appreciate each reply.
Thanks in advance.

I think you will have more luck on this question at a javascript/html/css forum.
This forum is primarily for JSP/Java, and while basic html/css is not completely out of scope (you need some knowledge to write a jsp page) this is getting too technical on the CSS side.
Cheers,
evnafets

Css: background image that doesn't force a horizontal scrollbar

I am looking to create a small pattern (an image) that will
always align to the left and right of my content. All of my content
is situated in a 760px wide div that is centered with margin:0px
auto. My problem is that if I create another div to hold the
additional image, that any browser would probably display a
horizontal scrollbar if the image and the content together exceed
the width of the users viewport.
I thought about doing it this way, but I am not sure if this
will work... My content div is wrapped inside another div called
with class whitediv. This whitediv is 100% of the users viewport
wide. Could I assign a background image to this div, which will
center, and therefore lurk behind my content div?
Any suggestions?
Thanks, dl33

Bernd,
It worked perfectly--thank you VERY much for your help!

JTable - Horizontal Scrollbar - Column Width

I wish to add a horizontal scrollbar(which for some stupid reason Java has not included) to my JTable which is inside a JScrollPane and also make sure that the width of the fourth column is longer and can fit the String that i wish to display. Now, i have searched the forum for solutions but none of them seem to work. The setting of the column width with the help of TableColumnModel does not seem to work and not to mention the fact that when i turn auto rezise off for the JTable, the JTable does give me a horizontal scrollbar but then it makes the columns so less in width that i have gray area left on the right hand side and the setColumnsToFit method does not work. I have five columns and here is the code, any help would be greatly appreciated Thanks:
excepTable = new JTable(excepTableModel);
excepTable.setAutoResizeMode(JTable.AUTO_RESIZE_OFF);
int width = 100;
TableColumnModel tcm;
TableColumn tc;
for(int i = excepTable.getColumnCount(); i > 0; i--)
tcm = (TableColumnModel)excepTable.getColumnModel();
tc = tcm.getColumn(i);
if(i == 3)
width = 400;
tc.setWidth(width);
tc.setMinWidth(width);
tc.setMaxWidth(width);
tc.setPreferredWidth(width);
width = 100;
exScroller = new JScrollPane(excepTable);

.I've set a horizontal scrollbar by using 'table.setAutoResizeMode(JTable.AUTO_RESIZE_OFF);You are welcome.
i want the column widht to be adjusted according to the length of column names and record length.so please tell me how to do it?Search the forum. This question has been asked and answered before.

TOC horizontal scrollbar problem

Dear all experts,
In my java help, TOC's horizontal scrollbar is set in the middle whenever it first shows up and the "plus" signs on the left of the tree icons cannot be seen initially. How can I fix the scrollbar to the left?

Dear all experts,
In my java help, TOC's horizontal scrollbar is set in the middle whenever it first shows up and the "plus" signs on the left of the tree icons cannot be seen initially. How can I fix the scrollbar to the left?

Horizontal Scrollbar help

Similar Messages

Maybe you are looking for