Horizontal scroll bar in selectOneMenu tag

Hi,
I am using selectOneMenu tag to show the data. The data size is larger than the size of selectOneMenu tag. Inspite of increasing the size of tag,
I want to add a horizontal scroll bar.
Can someone please suggest me, how to achieve this?
Thanks in advance.
Regards,
Rahul

Hi,
As suggested, I am using div tag to set the horizontal scroll bar in SelectOneMenu tag. The way I'm using it :-
<div style="overflow-x:scroll; width:140px;">
<h:selectOneMenu
          id="eventType"
          styleClass="standardInput"
          required="true"
          tabindex="40"
          onchange="clearMessage(this);"
          value="#{UserBean.activeEvent.eventType}"
          onkeydown="searchSelect( event);"
          onblur="searchBlur(event);" >
<f:selectItems value="#{ReferenceLists.eventTypeList}" />
</h:selectOneMenu>
</div>
This is adding the scroll bar outside the selectOneMenu tag but I want it in the dropdown window.
Please suggest me, how to resolve the issue.
Regards,
Rahul

Similar Messages

iframe tag + disable horizontal scroll-bar

Hi..
I want to disable horizontal scroll-bar only.The code is::
<iframe>
style="overflow-x:hidden;overflow-y:visible"
</iframe>
It's working in IE but not in mozilla firefox.
Can anyone plz help.
regards
Sonia

Funny, I tried it out; it's working in Firefox but NOT in IE 7.
Check these out and do a little tweaking I guess....
http://www.brunildo.org/test/Overflowxy2.html
http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_iframe
Not a Java question though...

How to get the Horizontal Scroll Bar for a Table?

Hi All,
As per my requirement, I am displaying several records in a Screen in a Tabular Format. But here I have to show 21 Columns in that table which is too high. I am able to display it but due to it I am getting a Horizontal scroll bar for the whole screen since all the columns are not getting displayed in the normal window screen space. But its looking too odd since once I am scrolling it to right the columns are getting displayed but the above Header Bar and Global buttons are not displaying, they are bound to the normal screen space.
Is there a way to have a Horizontal scroll bar only for that table instead of the entire screen so that on scrolling that bar only the table rows will beshifted ant got displayed?
With Thanks
Kumar Gautam

try this approach.
include a raw text item before and table item.
include the appropriate HTML tags in raw text item to enable horizontal scroll
--Prasanna

Horizontal scroll bar for the adf page

Hi,
We have around 7 tables in single jsff page. Here , we have a requirement like :
We need to show horizontal scroll bar for the entire page instead of each table. Is there any way to get this.
As of now, we have horizontal scroll bar for each table, but our customer is not accepting this, that want the scroll bar for the entire page.
Please suggest the approach.
Thanks

I have grouped all the tables in panelgrouplayout.So, what is the problem (because it is not quite clear what you need)?
If your PanelGroupLayout is with layout="horizontal", then the tables will be rendered next to each other horizontally but there will be no horizontal scrollbar on the page.
If your PanelGroupLayout is with layout="scroll", then the tables will be next to each other vertically and there will be a horizontal and a vertical scrollbar on the page (if necessary).
If you need your tables to be relocated next to each other horizontally and to have a horizontal scrollbar on the page, then use a PanelGroupLayouts(horizontal) inside a PanelGroupLayout(scroll):
<af:panelGroupLayout layout="scroll">
<af:panelGroupLayout layout="horizontal">
    <af:table> ... </af:table>
    <af:table> ... </af:table>
    <af:table> ... </af:table>
</af:panelGroupLayout>
</af:panelGroupLayout>If your problem is that you still have horizontal scrollbars inside the tables, then you should set appropriate widths to the corresponding tables (e.g. to <af:table> tags) such that they are large enough to fit the sum of corresponding column widths.
ya, I know that its not god design, but its customer requirement, so we need to do that.If you expect some table(s) to be stretched automatically according to the size of browser's window, then you should re-think your UI design because PanelGroupLayouts do not stretch their children. A possible solution is to use a combination of PanelSplitters or other layout containers that stretch their children.
Dimitar

Horizontal scroll bar missing after switch to Apex 4 theme

Hi,
I upgraded Apex to 4.02 and switch my application theme from old 3.2 theme to new Apex 4.0 theme,
I found that all the Apex 4.02 won't show horizontal scroll if the interactive report width larger than the browser windows width.
Is this the default behaviour of all the 4.0 theme?
How can I change it to display the horizontal scroll bar.
Thanks
Vincent

How about editing the template with some css?
something like this should fix your problems (worked fine for me)
#two-col
overflow: auto;
dont forget to change the template body (Shared Components --> Templates --> Edit Page Template )
(div class="tab-holder")
#REGION_POSITION_04#
(/div)
note: I reversed the tags to ( ) because it dont shows them else
Edited by: Blacksev on 26.01.2012 22:21
Edited by: Blacksev on 26.01.2012 22:57
Edited by: Blacksev on 26.01.2012 22:58

TextArea horizontal scroll bar?

Is it possible to have horizontal scroll bars in TextAreas? In html, the horizontal and vertical scroll bars automatically render themselves when needed. But that is not happening with the TextArea dropped on the design page from Creator's JSF Standard Components palette. Is there a setting somewhere to make the horizontal scroll bar show?

Hi,
This problem has been noticed earlier too and a bug exists for the same. In the meanwhile the following workaround is available which has been suggested by one of the engineers:
1. Add a "div" tag enclosing "select" tag.
2. Move the style attribute from "select" tag on "div" tag
3. In addition, add an "overflow" attribute to "style" attribute on "div" tag and set it to "auto".
<div style="left: 168px; top: 96px; overflow: auto; position: absolute; height: 192px; width: 192px">
<ui:listbox binding="#{newPage.listbox1}" id="listbox1" items="#{newPage.listbox1DefaultOptions.options}" />
</div>
Please be warned that once you do, your page will not render well in designer. So this should be done once the app has been rendered and is ready for deployment.
Hope this helps
Cheers
Giri

Set the horizontal scroll bar for the OOTb document library view

hi all,
Am facing an issue in my sp portal.We have designed and developed the portal with OOTB document library views for site columns also. Going to enable the doc lib view. but we have some 35 columns in eeacha nd every document
library within our sub site. But if an end user wants to see the last column then he needs to scroll. but, since then my master page has fixed width, the top corner will be seen as blank. would like to know how can we set horizontal scrolling
in this doc lib view .
Das

Hi,
According to your description, my understanding is that you want to set the horizontal scroll bar for the document library when the last column postion exceed the fixed width.
I suggest you can try to use Jquery to set the width attribute of the menu bar dynamically if the document library width exceeded. You can add the Jquery or CSS style using SharePoint Designer under the PlaceHolderMain tag of document
library page. Also, you need to find the div id in your environment using Internet Explorer.
More information:
http://sharepointpromag.com/sharepoint-development/sharepoint-branding-101-branding-master-pages
Thanks
Best Regards
TechNet Community Support
Please remember to mark the replies as answers if they help, and unmark the answers if they provide no help. If you have feedback for TechNet Support, contact
[email protected]

Help with code for inserting horizontal scroll bar in photo gallery in Business Catalyst site?

Hi,
I am using Business Catalyst and Dreamweaver to create a trial site.
I am not sure if this is the correct forum to post this request but anyway I have inserted a photo gallery module at the bottom of the sidebar in the homepage of my test site.
Can anyone advise on whether jquery or any other code can be inserted into the page or module code that will replace the "next" hyperlink below the first 4 photos with a horizontal scroll bar at bottom of the gallery so users can just scroll through all 12 images ?
Kind Regards, Matt.
http://craftime-bs6.businesscatalyst.com/

Alyssa,
Have you tried putting this rule back as it was originally:
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
    left: auto; /*was 9px*/
    color: #EF9CCF;
    background-color: #FFF;
That is, changing your 9px back to auto.
And giving us a link (as you did) is much better than printing out the code for us! Thanks!
Beth

How do I view the Horizontal Scrolling bar and status bar at the bottom of the screen. I can only see the top menus, toolbars and vertical scroll bar?

Before the most recent upgrade, the bottom horizontal scrolling bar and status bar appeared on my screen. Now since upgrading, I cannot see the. Anyone ideas how to restore them?

If you haven't already, you could force-quit Quicktime by using the menu option from the desktop (finder) and choose Quicktime.
Not sure what you have frozen on the screen, be it a failed movie, or some unusual screen shot. If you can find by date (created) you may be able to look for .mov or quicktime suffix name or other video file content to delete it.
And you may have to restart your computer and perhaps run repair disk permissions from Disk Utility's first aid on the hard disk drive in your computer.
Not sure if all that would help now, but it is something a few days late...!
Good luck & happy computing!

Horizontal Scroll Bar

I have this site that I'm practicing on called
Massattack Studios,
it's been a work in progress for a while experimenting with Flash
and Dreamweaver 8.
In internet explorer my scroll bar situation works fine, in
Fire Fox the unwanted horizontal scroll bar appears. At least at
the moment I'm not concerned with other browsers. Can anybody tell
me how to get rid of that little guy?
I'm looking at the Validator and it is very overwealming to
me as a beginner with the code.
Any help would be great, i can post anything you may need to
figure it out, thank you very much!
This is my main index page...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<title>Massattack Studios</title>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
</head>
<frameset cols="*,650,*" border="0">
<frame src="left.htm" name="left" marginwidth="0"
marginheight="0" scrolling=no>
<frameset rows="100,*,25" border="0">
<frame src="head.htm" name="head" marginwidth="0"
marginheight="0" scrolling=no noresize>
<frame src="home.htm" name="MainFrame" scrolling="yes"
noresize="noresize" marginwidth="0" marginheight="0"
id="MainFrame">
<frame src="footer.htm" name="footer" marginwidth="0"
marginheight="0" scrolling=no noresize>
</frameset>
<frame src="right.htm" name="right" marginwidth="0"
marginheight="0" scrolling=no noresize>
</frameset>
<noframes><body>
</body></noframes>
</html>

In the home.htm file that loads into your main frame, change
the DOCTYPE.
CHANGE:
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"
TO THIS:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN">BTW:
"Bumbing" has no effect in the NNTP forums where most of the
answers come
from and it's just annoying to the web form user who are
patiently waiting
for a response.

My horizontal scroll bar went missing when I maximise the window. How do I fix them?

My horizontal scroll bar went missing when I maximise the window. How do I fix them? I tried everything; such as auto hide the task bar. Even with this, I still can't see the horizontal scroll bar. I even tried the following and I still can't see the horizontal scroll bar.
1) In a new tab, type or paste about:config in the address bar and press Enter. Click the button promising to be careful.
(2) In the search box above the list, type or paste dom and pause while the list is filtered
(3) Double-click the dom.disable_window_open_feature.scrollbars preference to switch it from false to true. By choosing true, you disable sites from deciding whether there can be scrollbars on a window, and Firefox uses its standard behavior for the page.
If you want to always get other bars, here are the corresponding settings:
Menu Bar: dom.disable_window_open_feature.menubar
Navigation Toolbar: dom.disable_window_open_feature.toolbar
Bookmarks Toolbar: dom.disable_window_open_feature.personalbar
Please help.

Can you post a screen shot?
Taking a Screen shot; '''''Windows > Start >''''' search box '''''> Snipping Tool'''''.
Save the picture(s) to your desktop. Now look at the '''Reply''' box below.
Do you see the button under it that says '''Browse'''? Click it and then select
the screen shot(s) from the desktop.

How to make the knob of a horizontal Scroll Bar stay at right

Hi I need some advise to achieve this:
I have a chart continuously deploying towards the right side (think on an electro cardiogram that is continuously feeding data). All the chart information is kept available inside a JScrollPane. What I want to achieve is:
1. if the horizontal scroll bar knob is at the right end of the scroll bar make the end part of the chart be displayed continuously (view is scrolling to the right, the knob stays at the right end)
2. if the user moves the knob left from the right end freeze the motion and just show the selected portion (meanwhile data keeps being fed and stored but not displayed)
3. when the user decides to drag the knob again to the right end the behavior of point # 1 resumes.
The basic swing structure I'm using for this is the following:
public class Electro extends JPanel {
public Electro() {
JFrame f = new JFrame();
JScrollPane sp = new JScrollPane(this);
f.getContentPane().add(sp);
f.pack();
f.setVisible(true);
I would highly appreciate any feedback from fellow members. Thank you.

hi friend
try this in ur code
public class Electro extends JPanel {
public Electro() {
JFrame f = new JFrame();
JScrollPane sp = new JScrollPane(this);
sp.setVerticalScrollBarPolicy(ScrollPaneConstants.VERTICAL_SCROLLBAR_ALWAYS);
sp.setHorizontalScrollBarPolicy(ScrollPaneConstants.HORIZONTAL_SCROLLBAR_ALWAYS);
f.getContentPane().add(sp);
f.pack();
f.setVisible(true);
i think it will be help full to you
thanks
waiting for reply

Some web sites do not display a horizontal scroll bar but IE does

For example: http://shop.ghirardelli.com/category-exec/category_id/35/nm/Sale/?utm_source=chocomail&utm_medium=pos1_save10-30DL&utm_campaign=20111124

That site uses CCS code (overflow-x:hidden) to hide the horizontal scroll bar.<br />
It is also missing in Google Chrome.

Can horizontal scroll bar be removed?

The listbox controls have horizontal scroll bar that can not be removed by property notes. Is there a way to change it to invisible? Also how do I change the controls from raised or recessed to flat? Thank you for your help.

The only listbox with a horizontal scroll bar is the multicolumn listbox and it does have a property node to remove it or display it. In 8.5, the property is Visible Items>Horizontal Scrollbar Visible.
There are modern controls, classic controls, and system controls on the palette. Pick the one you want or right click on an existing one and select 'Replace'. You can also right click and select Advanced>Customize.

JTabel Horizontal scroll bar problem

Hi,
I want a horizontal scroll bar added to my table
hence I do this
table.setAutoResizeMode(JTable.AUTO_RESIZE_OFF);
but the problem is If I increase the size of frame
the cells do not resize hence there is a gap after
the last column.
How do I remove this gap

Please reduce the container size in the screen thru SE51 that automatically create the scroll
or check whether in the attributes of the screen "Hold scroll positio" not to be checked
a®

Horizontal scroll bar in selectOneMenu tag

Similar Messages

Maybe you are looking for