6i, Horizontal Scrollbar on a Tab page

Hi,
I have a big datablock placed on a Tab page. Record layout is Tabular. As the no. of columns are many, they do not fit in the window.
How do I put a horizontal scroll bar to the Tab page so that users can scroll left-right to see hidden/out-of-view columns. (Basically a spreadsheet like functionality with one or more left-most columns fixed and others scrollable).
I went through couple of forum posting suggesting use of stacked canvas and played around with then but still not able to get it work.
An example is highly appreciated.
Thanks

Those columns which are fixed lay on the tab-canvas. Very important: One of this items has to be navigable. Then you create a stacked canvas for the other columns.
e.g.
width of the tabcanvas: 800 pixel. two fixed columns which use 100 pixel each. Then you have 600 pixel for the rest
Let's say 50% of the rest of the columns can be shown at one time. That means, that your stacked canvas is internally 2*600 = width 1200.
The stacked canvas belongs to the content canvas (like the tabcanvas too). Each time you navigate into the tab with the stacked canvas you have to do:
Show_View ('Stacked_Canvas_Name');
and
Hide_View ('Stacked_Canvas_Name');
when you navigate out of the tab.

Similar Messages

Horizontal ScrollBar disables for Tab Canvas

Dear OTN Members,
I am developing a form with tab canvases.
If I set Horizontal Scroll Bar property to true, it comes as
disabled during the execution of the form. I am only able to
move to the rest of the items through keyboard.
Thanks in Advance.
Bye
Meenakshi Sundaram Ganesh
null

Hi,
not directly. However, if - at runtime - you overlay parts of the tab canvas with a stacked canvas, then you could have this showing a horizontal scroll bar. All you tab canvas content need to be on the stack canvas though.
Frank

Horizontal Scrollbar on Tab Canvas

Hello,
I have to show horizontal scrollbar on my tab canvas.
I have one Content canvas on this i hv 4 tab canvas with different datablocks. Need to show horizontal scrollbar as the number of fields are the more than tab canvas size.
Please assist.
Is there any other workaround, if it is not possible through any property??
Thank you in advance.

1) create a stack canvas and assign window to it
2) create your items on stack canvas
3) set the stack canvas view port width and height according to your visible area of TAB canvas (the size of canvas must be more than View port)
4) set its X and Y position according to the TABs
5) set show scroll bar to YES horizontally
6) set WHEN-TAB-PAGE-CHANGED trigger to show and hide canvases based on current tab selection.
Hope you got the idea

ViewObject & Horizontal ScrollBar

Hi All,
I need to use 2 view object with the same number of column on a page jspx.
I want to use only one horizontal scrollbar.
How can I get the horizontal scrollbar position on one view and set the horizontal scrollbar position of the other one?
In my page I use two viewobject with dvt:pivottable....
thanks in advance,
Luca

1) create a stack canvas and assign window to it
2) create your items on stack canvas
3) set the stack canvas view port width and height according to your visible area of TAB canvas (the size of canvas must be more than View port)
4) set its X and Y position according to the TABs
5) set show scroll bar to YES horizontally
6) set WHEN-TAB-PAGE-CHANGED trigger to show and hide canvases based on current tab selection.
Hope you got the idea

Horizontal scrollbar of waveform chart in tab page resets to end when tab page switched

I've got a VI in LV 2012 with a chart in one of two pages of a tab control. Whether compiled to an executable or not, when the waveform chart contains data that is no longer being updated and the x-axis range doesn't show the last point of data, the horizontal scroll bar auto-adjusts to show that last point if you switch pages (back to the chart) on the tab control. I've tried turning off Autoscaling but that doesn't stop the effect.
Additional issues:
On some of these attempts at reproducing this, the X-Axis will even change scaling, zooming in on the data.
When data is pushed left by this bug to allow displaying the furthest data point, if the leftmost area of the chart was blank before the data was pushed left, the data pushed left into the formerly blank area will not be displayed. This happened only when the X-Axis was manually autoscaled prior to pushing the data off the right edge of the chart, and only if the x-axis scale was not changed. If the tab pages are again switched at this point away and back to the chart, the data re-appears.
The chart is a stacked plot if that makes a difference, Also, the tab control is not linked to any event handlers.
Also, the scrollbar works fine if you scroll such that the rightmost data points are on the chart along with blank area to the right, whether there is more data off the left edge of the chart or not.
Last, the Y-Axis of each stacked plot is unaffected by any of this.
I hope this isn't a duplicate - I didn't find it in the forums.
Thanks,
Erik
Attachments:
Flaw Demo.vi ‏120 KB

Alex,
Thanks for the quick response on this. Again, the charts are awesome except for these minor fiddling details. Sorry about the terminology confusion - I didn't find anything in the Help system naming the legend buttons, and unfortunately I can't edit the prior post. When I said "AutoScale LocK" I meant "Scale Lock", and "AutoScale Once" I meant "Autoscale".
Here are the issues, hopefully clarified:
1. If any chart elements have Scale Lock set, pressing the AutoScale button for any plot causes these other plots to autoscale as well. Note these are not plots with multiple Y scales, they're stacked plots with separate y-scales for each plot. Changing the "Advanced->Auto Adjust Scales" parameter had no effect on this issue.
2. If none of the chart elements have Scale Lock set in the scale legend, pressing the Autoscale button for the X-Axis has no effect if the x-axis was previously set to show all the data history but then panned such that some data falls of either side of the chart.
This may have been confusing, so here's a breakdown of the steps to re-produce the problem using the VI I previously attached.
a. AutoScale all elements of the chart, and turn off Scale Lock on all elements
b. Move the data to the right in the chart, so the left half of the chart area has no data (e.g., set the X-Axis range to -5 to 6 seconds)
c. Press the X-Axis AutoScale button. The X-Axis range will not change from where it was in (b).
3. The Y-Axis will also auto-scale when returning to the Chart tab if Scale Lock is enabled for the plot with the fix for the x-axis scale in place (restoring the Xscale.Range parameters from a local variable). If the fix is not performed, this doesn't happen.
4. Pressing the Scale Lock button on one of the plots causes the X-Axis scale to be lost IF there is data past the maximum displayed X-Axis range. It looks like it set the X-Axis to the same problem range as before the fix was in place. I don't know how to build an event case for this, except for possibly "Mousedown?".
One more:
5. Enabling Scale Lock on any plot auto-scales any other plot that has Scale Lock enabled (assuming the user changed the Y-Axis range from the previously auto-scalled range). Obviously this is linked to #1 above, but worth noting.
Thanks again, Alex!
Erik

Horizontal scrollbar on tab page

Hi,
I'd like to use Designer for a multi-record block on a tab page with a horizontal scrollbar . How should I do this ? It is alright for a vertical scrollbar but what about an horizontal one ? Since I have too many columns to display on one tabbed page.
Thank you,
Denise

If you have many items that they cannot fit into a tab page, I think you have to put them into a Stacked Canvas. This can be done by changing Overflow Style to "Spread table" option in The Module Component containing these items.
Also, you can set WINHSB Module Generator Preference to 'Y' value to add horizontal scrollbar to module Window.
I hope you found solution for your problem.

I loose focus on tab pages with horizontal scroll bar

Hello
I am using a form with two tab pages. On the second tab page there is a multirecord block from which the first 5 columns are context (always visible)), the other columns are working with a horizontal scrollbar. When I navigate to another window and come back to the first one, then the context columns are still there, but all the other columns are gone, there is only a big grey space. Any suggestions ? Webforms 10gR1.

Not sure why that is happening. Are you running the newest JInitiator? What browser are you using?
Maybe as a workaround, you may have to save the current record before leaving the first form, then when you return to the first form, requery the block and go to the current record. That's assuming, that a requery fixes the problem...

Rich:toolBar in a JSF page:how to avoid horizontal scrollbars?

Hi,
I have a rich:toolBar. I create this toolbar from a backing bean class. I have around 19 dropdown menus in the toolbar. So when the toolbar renders, the length (i mean, width) of the toolbar exceeds the page width. This causes the browser to add a horizontal scrollbar. I do not want this scrollbar. My requirement is like this:
when the width of the toolbar is more than the screen width, the rest of the menus must be added to another DropdownMenu.This menu will be the last menu and it will contain all the menus which cant be viewed when the toolbar is rendered.
When we use overflow : hidden, it removes the scrollbar in firefox not in IE. If you are not clear about the requirement, you can see the firefox browser itself as one with the similar feature. when we open more tabs than it is able to render, the tabs which are not shown are added to a 'button' to the right of the browser window.
Please help me with your ideas.
Thanks,
Geet

the overflow : hidden worked well(actually not well, i was not able to see the menu items)on my firefox browser. but it didnt work on my IE. and my firefox version is 3.

Page Viewer Web Part with horizontal scrollbar

Hi,
I added a page viewer webpart to a sharepoint 2013 website and placed a reporting services report url on it, however in some users the browser shows a horizontal scroll bar and cuts the report area. This is not version related because
I can see it well in IE10 in one user and in others it shows the reported problem.
Seems to be browser settings. Any ideas?
Thank you

Hi,
According to your post, my understanding is that some users’ browser shown a horizontal scroll bar in the page view web part.
You can disable the horizontal using the CSS style as the following.
<style type="text/css">
#WebPartWPQ3 {
OVERFLOW-X: hidden !important
</style>
Note: the WebPartWPQ3 is the webpart ID.
You can find the ID as the following thread:
http://sharepoint.stackexchange.com/questions/29649/disable-horizontal-scroll-bar-on-navigation-web-part-in-sharepoint-2010
Instead of using page viewer web part, you can also use the content edit web part with IFrame, and some JavaScript to achieve it.
For more information:
http://majidbaig.blogspot.in/2012/07/page-viewer-web-part-dynamic-height.html
There is a similar thread for your reference.
http://stackoverflow.com/questions/368480/removing-scrollbars-from-content-editor-page-viewer-webpart
Thanks & Regards,
Jason
Jason Guo
TechNet Community Support

Forms 5 Tab Canvas & Horizontal Scrollbar

We are trying to implement a tab canvas which will hold a multi-record data block. The difficulty is that we would like to display a lot of fields and there is no Horizontal Scrollbar easily available for the Tab Canvas.
We are thinking about "simulating" a tab canvas by using stacked canvases. The stacked canvas allows us to have the scrollbar, but looses some of the look & feel of a tab canvas.
Anyone try to do this in Forms 5? How about anyone try to place a stacked canvas on top of a tab canvas?

We're using forms 6.0.8.8. Our standard practice is to never put items on a tab canvas, instead we put stacked canvas' on the tab canvas. Besides having canvas scroll bars, it also provides a basis to work around documented bugs for refreshing/resizing windows when returning from other forms/windows of different sizes etc.
null

Horizontally laid-out hide-show regions/ mini-tabbed pages

I'd like a mini-tabbed page layout, I can almost achieve this by having hide-show regions in which only one hide-show region is visible at a time, however the regions are stacked vertically, not horizontally. I don't want to use regular tabbed regions, because
a) I'm already using two levels of tabs,
b) I want these tabs to be all on the same page so I can use page-level processes.
Cheers, Mark

Hello Murray
Thanks for going to the trouble of creating the little test site.
Other browsers appear to load the pages much quicker. This may be because they are able to more inteligently handle our code, I don't know. Safari on our Macs zooms through it.
In IE6 if I open a large Lesson and click next I see, at the bottom of the screen in the Status Bar, "(21 items remaining)" and then "(20 items remaining)" etc. which counts down and then disappears. Interestingly if the next screen happens to display the same image this does not happen, just the message "Done". If the next screen has a different image then the count down from "(21 items remaining)" again as all the linked resources (I presume) are downloaded.
I have opened your site in IE6 (Windows XP Pro) and I don't see the message. However the image is so small that I may not because it is so fast to load.
It may be related to how IE6 handles Temporary Internet Files, I'm not sure.

A very wide, continuous page that will feature a horizontal scrollbar

Hello, I'm trying to create a very simple portfolio website that simply features one long, horizontal page that will be wider than the browser window and therefore produce a horizontal scrollbar that can be manually scrolled. This is surely a very simple thing to achieve but I don't know how to achieve it! Do I change the page width somehow??
Any help would be much appreciated! Thanks.

that's great and what i'm looking for, but where do I insert these numbers?
As you can probably tell, Im quite unfamiliar with dreamweaver..
If you view source in your browser, you'll see how that demo page was built.
File, New, HTML page. Add some content to your page and wrap select areas around <div> tags
<div1>
some content here
</div>
<div2>
some content here
</div>
<div3>
some content here
</div>
<div4>
some content here
</div>
Then style and position each div with CSS.
HTML & CSS Tutorials - http://w3schools.com/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Tab pages do not seem to have "scroll" feature in 9i

I have a couple of forms with a lot of Tab pages, and in the Forms9iDS it appears to have that small, horizontal "scrollbar" (widget with [start][scroll on tab page back][scroll one tab page forward][end] at the upper right corner).
However, the tab pages (when run in 9i) all show up on the same canvas, but they seem to have been shortened instead, substituting "..." where the tab page label is too long to display.
Can this be set - I mean can you choose whether it display the little scroll-thingy, or whether it tries to fit everything inside the Tab Canvas at once?
Sincerely,
Jesper Vad Kristensen
Aarhus, Denmark

Jesper,
there exist a HTM parameter "dontTruncateTabs" that needs to be set to true. To use this HTML parameter do as follows
1. open basejini.htm in the forms90/server directory with a text editor
2. Add the following line to the IE section
<PARAM NAME="dontTruncateTabs" VALUE="true">
3. Add the following line to teh Netscape section of the same file
dontTruncateTabs=true
Note that if you use other base HTML files then basejini.htm you will have to edit these too.
Frank

Tab pages do not have "scroll" feature in 9i

I have a couple of forms with a lot of Tab pages, and in the Forms9iDS it appears to have that small, horizontal "scrollbar" (widget with [start][scroll on tab page back][scroll one tab page forward][end] at the upper right corner).
However, the tab pages when run in 9i all show up on the same canvas, but they seem to have been shortened instead, substituting "..." where the tab page label is too long to display.
Can this be set - I mean can you choose whether it display the little scroll-thingy, or whether it tries to fit everything inside the Tab Canvas at once?
Sincerely,
Jesper Vad Kristensen
Aarhus, Denmark

Jesper,
please see
vertical scrollbar on only one tab-page
Frank

To disable the horizontal scrollbar and to create a next button to navigate

To disable the horizontal scrollbar and to create a next button to navigate through the records. At present I create a JSF page and drag and drop my table view and then using the Tuning property I have limited the number of records to be shown. But I need to add a button and then code it to display the next few records. Can someone kindly suggest a suitable mechanism to get this accomplished.
Edited by: 888970 on Oct 2, 2011 10:15 PM

Hi Erp,
At present these are the entries that I have in my JSPX page.
I have a Table, Iterator and a Input List of Values. As per the scenario, I want a few rows to appear on the table for which I wanted to disable the horizontal scroll bar and then once I click on the list of values it must prompt me with the remaining page numbers.
Earlier there are about 150 records in the table. I want to show them as 15 per page.
For which I have added the Iterator and a LOV component code in my JSPX page.
<af:iterator id="i1"
value="#{bindings.NsEventDetailsView1.collectionModel}"
var="row"
binding="#{pageFlowScope.testPageBean.myIterator}"/>
<af:inputListOfValues label="Label 1"
popupTitle="Search and Result Dialog" id="ilov1"/>
Then I created the bean class as per the example.
Below is the bean class:
import javax.faces.event.ValueChangeEvent;
import oracle.adf.view.rich.context.AdfFacesContext;
import org.apache.myfaces.trinidad.component.UIXIterator;
import org.apache.myfaces.trinidad.event.AttributeChangeEvent;
public class TestPagebean {
public TestPagebean() {
public void i1ov1_valueChangeListener(ValueChangeEvent valueChangeEvent) {
// Add event code here...
private UIXIterator myiter;
public void setI1(UIXIterator myiter) {
this.myiter=myiter;
public UIXIterator getmyiter() {
this.myiter=myiter;
public UIXIterator setmyiter() {
return myiter;
UIXIterator valueIterator = getmyiter();
if (!valueChangeEvent.getNewValue().equals(valueChangeEvent.getOldValue())) {
int newPage =
Integer.parseInt(valueChangeEvent.getNewValue().toString());
int pageStart = (newPage) * valueIterator.getRows();
valueIterator.setFirst(pageStart);
AdfFacesContext.getCurrentInstance().addPartialTarget(valueIterator);
But i am getting errors in the bean class.
1. Block expecting }
2. public UIXIterator getmyiter() {
this.myiter=myiter;
Return Statement missing
3. Block expecting {
4. Type or variable 'valueChangeEvent' not found
5. Method 'getNewValue' not found
6. Method 'getOldValue' not found
7. Method 'toString' not found
Can you suggest a possible solution?

6i, Horizontal Scrollbar on a Tab page

Similar Messages

Maybe you are looking for