Horizontal Scrolling Menu System

Hi,
Can someone please let me know if the following scrolling of horizontal menus is possible within ApEx - pls see site:
http://www.panic.com/coda/
I am referring to the menu system where it has the following tabs together with the left and right arrows:
Sites | Files | Editor etc...
If the answer is yes, can anyone please provide some insight as to how it might be done.
Thanks.
Tony.

Well, if you float your mouse over the arrows on the left/right you'll see that it's calling a javascript. They're actually loading all those sections into the original page call, each wrapped in a [div] tag and then their javascript "scrolls" through the sections dependent on which menu/arrow action has been clicked.
The answers are actually all there on that page. Once you figure out how it works (by reviewing the javacripts and HTML) you would need to create ApEx templates to make it all work.
Earl

Similar Messages

Horizontal Scrolling menu bar

I want to create a horizontal scrolling menu. When you place your cursor over the graphics in the menu bar, they slide to the left or the right. Does anyone know where I can find a tutorial online for this?
Thank-you.
LT

Hi Donald,
Thanks for your help with the scrolling menu bar, I have
tried to add the code but must be putting it in the wrong place.
Please can you let me know where it need to go. The page I am
working on is
http://www.vr360homes.co.uk/nav_menu.htm.
Thanks in advance for your help.
Regards
Lee

Horizontal java menu systems

Does anyone have a pure java menu system for my servlet ?
I can't have any dhtml/javascript yet I need some dynamic stuff like when u click on an item and if it has subitems it will merely drop down a list with these items.
If u could help me or even direct/guide me in the correct direction I would be extremely happy !

try out these examples they may help you in some way.
http://www2.gol.com/users/tame/swing/examples/SwingExamples.html

Spry tabbed panels as menu system

Hi,
This is actually for Dreamweaver CS6. What I'm trying to do is use spry tabbed panels as horizontal my menu system. I want to have basically the functionality of the adobe.com menu system where the drop downs are tabbed and the content box size varies depending on the tab and the content box moves it's position relative to the tab that's selected. I did manage to get the mouseover working so the tab's change according to which tab the mouse passes over.
My current problems are these:
I managed to change the content panel box size so it's not the same width as the full panel tab group however I cannot get it to move relative to which tab is selected, it just stays fixed in one location.
The content tabs are pushing the body of my page down instead of showing up over top of it which is obvioulsy not very condusive for a menu system.
I would like the default to show none of the panels until someone mouseover's one of the tab's and for the panels to dissapear when the mouse is not in the menu system.
For something similar to the adobe.com menu system am i using the right feature (it looks like tabbed panels to me) or should I be using a different spry feature, I would like to have text and an image in the content box under each tab just for overall effect.
I'm quite inexperienced with CSS and Javascripting and have basically gotten this far with trial and error modifying the CSS settings but I'm unable to modify the javascript on my own.
Any help or suggestions would be greatly appreciated!!
Below is my tabbed panels css:
.TabbedPanels {
overflow: hidden;
margin: 0px;
padding: 0px;
clear: none;
width: 1000px; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
-webkit-transition: all;
-moz-transition: all;
-ms-transition: all;
-o-transition: all;
transition: all;
.TabbedPanelsTabGroup {
margin: 0px;
padding: 0px;
color: #FFF;
background-color: #000;
width: 1000px;
height: 25px;
.TabbedPanelsTab {
position: relative;
top: 0px;
float: left;
padding: 4px 21px;
margin: 0px 0px 0px 0px;
background-color: #000;
list-style: none;
border-left: solid 0px #000;
border-bottom: solid 0px #000;
border-top: solid 2px #000;
border-right: solid 0px #000;
-moz-user-select: none;
-khtml-user-select: none;
cursor: pointer;
width: 1000;
height: 15px;
font-family: "Myriad Pro";
font-size: 1em;
font-weight: normal;
.TabbedPanelsTabHover {
background-color: #D31145;
-webkit-transition: all;
-moz-transition: all;
-ms-transition: all;
-o-transition: all;
transition: all;
.TabbedPanelsTabSelected {
background-color: #D31145;
border-bottom: 0px solid #D31145;
color: #FFFFFF;
.TabbedPanelsTab a {
color: black;
text-decoration: none;
.TabbedPanelsContentGroup {
clear: both;
border-left: solid 2px #D31145;
border-bottom: solid 2px #D31145;
border-top: solid 2px #D31145;
border-right: solid 2px #D31145;
background-color: #FFFFFF;
visibility: visible;
width: 50%;
position: inherit;
height: auto;
/* This is the selector for the Content panel. The Content panel holds the
* content for a single tabbed panel. For our default style, this container
* provides some padding, so that the content is not pushed up against the
* widget borders.
* The name of the class ("TabbedPanelsContent") used in this selector is
* not necessary to make the widget function. You can use any class name you
* want to style the Content container.
.TabbedPanelsContent {
overflow: hidden;
padding: 4px;
.TabbedPanelsContentVisible {
.VTabbedPanels {
overflow: hidden;
zoom: 1;
.VTabbedPanels .TabbedPanelsTabGroup {
float: left;
width: 10em;
height: 20em;
background-color: #EEE;
position: relative;
border-top: solid 1px #999;
border-right: solid 1px #999;
border-left: solid 1px #CCC;
border-bottom: solid 1px #CCC;
.VTabbedPanels .TabbedPanelsTab {
float: none;
margin: 0px;
border-top: none;
border-left: none;
border-right: none;
.VTabbedPanels .TabbedPanelsTabSelected {
background-color: #EEE;
border-bottom: solid 1px #999;
.VTabbedPanels .TabbedPanelsContentGroup {
clear: none;
float: left;
padding: 0px;
width: 30em;
height: 20em;
/* Styles for Printing */
@media print {
.TabbedPanels {
overflow: visible !important;
.TabbedPanelsContentGroup {
display: block !important;
overflow: visible !important;
height: auto !important;
.TabbedPanelsContent {
overflow: visible !important;
display: block !important;
clear:both !important;
.TabbedPanelsTab {
overflow: visible !important;
display: block !important;
clear:both !important;
THe Javascript for my tabbed panels are below:
// SpryTabbedPanels.js - version 0.7 - Spry Pre-Release 1.6.1
// Copyright (c) 2006. Adobe Systems Incorporated.
// All rights reserved.
// Redistribution and use in source and binary forms, with or without
// modification, are permitted provided that the following conditions are met:
// * Redistributions of source code must retain the above copyright notice,
// this list of conditions and the following disclaimer.
// * Redistributions in binary form must reproduce the above copyright notice,
// this list of conditions and the following disclaimer in the documentation
// and/or other materials provided with the distribution.
// * Neither the name of Adobe Systems Incorporated nor the names of its
// contributors may be used to endorse or promote products derived from this
// software without specific prior written permission.
// THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS"
// AND ANY EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE
// IMPLIED WARRANTIES OF MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE
// ARE DISCLAIMED. IN NO EVENT SHALL THE COPYRIGHT OWNER OR CONTRIBUTORS BE
// LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL, EXEMPLARY, OR
// CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF
// SUBSTITUTE GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS
// INTERRUPTION) HOWEVER CAUSED AND ON ANY THEORY OF LIABILITY, WHETHER IN
// CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING NEGLIGENCE OR OTHERWISE)
// ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED OF THE
// POSSIBILITY OF SUCH DAMAGE.
(function() { // BeginSpryComponent
if (typeof Spry == "undefined") window.Spry = {}; if (!Spry.Widget) Spry.Widget = {};
Spry.Widget.TabbedPanels = function(element, opts)
this.element = this.getElement(element);
this.defaultTab = 0; // Show the first panel by default.
this.tabSelectedClass = "TabbedPanelsTabSelected";
this.tabHoverClass = "TabbedPanelsTabHover";
this.tabFocusedClass = "TabbedPanelsTabFocused";
this.panelVisibleClass = "TabbedPanelsContentVisible";
this.focusElement = null;
this.hasFocus = false;
this.currentTabIndex = 0;
this.enableKeyboardNavigation = true;
this.nextPanelKeyCode = Spry.Widget.TabbedPanels.KEY_RIGHT;
this.previousPanelKeyCode = Spry.Widget.TabbedPanels.KEY_LEFT;
Spry.Widget.TabbedPanels.setOptions(this, opts);
// If the defaultTab is expressed as a number/index, convert
// it to an element.
if (typeof (this.defaultTab) == "number")
if (this.defaultTab < 0)
 this.defaultTab = 0;
else
 var count = this.getTabbedPanelCount();
 if (this.defaultTab >= count)
 this.defaultTab = (count > 1) ? (count - 1) : 0;
this.defaultTab = this.getTabs()[this.defaultTab];
// The defaultTab property is supposed to be the tab element for the tab content
// to show by default. The caller is allowed to pass in the element itself or the
// element's id, so we need to convert the current value to an element if necessary.
if (this.defaultTab)
this.defaultTab = this.getElement(this.defaultTab);
this.attachBehaviors();
Spry.Widget.TabbedPanels.prototype.getElement = function(ele)
if (ele && typeof ele == "string")
return document.getElementById(ele);
return ele;
Spry.Widget.TabbedPanels.prototype.getElementChildren = function(element)
var children = [];
var child = element.firstChild;
while (child)
if (child.nodeType == 1 /* Node.ELEMENT_NODE */)
 children.push(child);
child = child.nextSibling;
return children;
Spry.Widget.TabbedPanels.prototype.addClassName = function(ele, className)
if (!ele || !className || (ele.className && ele.className.search(new RegExp("\\b" + className + "\\b")) != -1))
return;
ele.className += (ele.className ? " " : "") + className;
Spry.Widget.TabbedPanels.prototype.removeClassName = function(ele, className)
if (!ele || !className || (ele.className && ele.className.search(new RegExp("\\b" + className + "\\b")) == -1))
return;
ele.className = ele.className.replace(new RegExp("\\s*\\b" + className + "\\b", "g"), "");
Spry.Widget.TabbedPanels.setOptions = function(obj, optionsObj, ignoreUndefinedProps)
if (!optionsObj)
return;
for (var optionName in optionsObj)
if (ignoreUndefinedProps && optionsObj[optionName] == undefined)
 continue;
obj[optionName] = optionsObj[optionName];
Spry.Widget.TabbedPanels.prototype.getTabGroup = function()
if (this.element)
var children = this.getElementChildren(this.element);
if (children.length)
 return children[0];
return null;
Spry.Widget.TabbedPanels.prototype.getTabs = function()
var tabs = [];
var tg = this.getTabGroup();
if (tg)
tabs = this.getElementChildren(tg);
return tabs;
Spry.Widget.TabbedPanels.prototype.getContentPanelGroup = function()
if (this.element)
var children = this.getElementChildren(this.element);
if (children.length > 1)
 return children[1];
return null;
Spry.Widget.TabbedPanels.prototype.getContentPanels = function()
var panels = [];
var pg = this.getContentPanelGroup();
if (pg)
panels = this.getElementChildren(pg);
return panels;
Spry.Widget.TabbedPanels.prototype.getIndex = function(ele, arr)
ele = this.getElement(ele);
if (ele && arr && arr.length)
for (var i = 0; i < arr.length; i++)
 if (ele == arr[i])
 return i;
return -1;
Spry.Widget.TabbedPanels.prototype.getTabIndex = function(ele)
var i = this.getIndex(ele, this.getTabs());
if (i < 0)
i = this.getIndex(ele, this.getContentPanels());
return i;
Spry.Widget.TabbedPanels.prototype.getCurrentTabIndex = function()
return this.currentTabIndex;
Spry.Widget.TabbedPanels.prototype.getTabbedPanelCount = function(ele)
return Math.min(this.getTabs().length, this.getContentPanels().length);
Spry.Widget.TabbedPanels.addEventListener = function(element, eventType, handler, capture)
try
if (element.addEventListener)
 element.addEventListener(eventType, handler, capture);
else if (element.attachEvent)
 element.attachEvent("on" + eventType, handler);
catch (e) {}
Spry.Widget.TabbedPanels.prototype.cancelEvent = function(e)
if (e.preventDefault) e.preventDefault();
else e.returnValue = false;
if (e.stopPropagation) e.stopPropagation();
else e.cancelBubble = true;
return false;
Spry.Widget.TabbedPanels.prototype.onTabClick = function(e, tab)
this.showPanel(tab);
return this.cancelEvent(e);
Spry.Widget.TabbedPanels.prototype.onTabMouseOver = function(e, tab)
this.addClassName(tab, this.tabHoverClass);
return false;
Spry.Widget.TabbedPanels.prototype.onTabMouseOut = function(e, tab)
this.removeClassName(tab, this.tabHoverClass);
return false;
Spry.Widget.TabbedPanels.prototype.onTabFocus = function(e, tab)
this.hasFocus = true;
this.addClassName(tab, this.tabFocusedClass);
return false;
Spry.Widget.TabbedPanels.prototype.onTabBlur = function(e, tab)
this.hasFocus = false;
this.removeClassName(tab, this.tabFocusedClass);
return false;
Spry.Widget.TabbedPanels.KEY_UP = 38;
Spry.Widget.TabbedPanels.KEY_DOWN = 40;
Spry.Widget.TabbedPanels.KEY_LEFT = 37;
Spry.Widget.TabbedPanels.KEY_RIGHT = 39;
Spry.Widget.TabbedPanels.prototype.onTabKeyDown = function(e, tab)
var key = e.keyCode;
if (!this.hasFocus || (key != this.previousPanelKeyCode && key != this.nextPanelKeyCode))
return true;
var tabs = this.getTabs();
for (var i =0; i < tabs.length; i++)
if (tabs[i] == tab)
 var el = false;
 if (key == this.previousPanelKeyCode && i > 0)
 el = tabs[i-1];
 else if (key == this.nextPanelKeyCode && i < tabs.length-1)
 el = tabs[i+1];
 if (el)
 this.showPanel(el);
 el.focus();
 break;
return this.cancelEvent(e);
Spry.Widget.TabbedPanels.prototype.preorderTraversal = function(root, func)
var stopTraversal = false;
if (root)
stopTraversal = func(root);
if (root.hasChildNodes())
 var child = root.firstChild;
 while (!stopTraversal && child)
 stopTraversal = this.preorderTraversal(child, func);
 try { child = child.nextSibling; } catch (e) { child = null; }
return stopTraversal;
Spry.Widget.TabbedPanels.prototype.addPanelEventListeners = function(tab, panel)
var self = this;
Spry.Widget.TabbedPanels.addEventListener(tab, "mouseover", function(e) { self.onTabClick(e, tab);return self.onTabMouseOver(e, tab); }, false);
Spry.Widget.TabbedPanels.addEventListener(tab, "mouseout", function(e) { return self.onTabMouseOut(e, tab); }, false);
if (this.enableKeyboardNavigation)
// XXX: IE doesn't allow the setting of tabindex dynamically. This means we can't
// rely on adding the tabindex attribute if it is missing to enable keyboard navigation
// by default.
// Find the first element within the tab container that has a tabindex or the first
// anchor tag.
var tabIndexEle = null;
var tabAnchorEle = null;
this.preorderTraversal(tab, function(node) {
 if (node.nodeType == 1 /* NODE.ELEMENT_NODE */)
 var tabIndexAttr = tab.attributes.getNamedItem("tabindex");
 if (tabIndexAttr)
 tabIndexEle = node;
 return true;
 if (!tabAnchorEle && node.nodeName.toLowerCase() == "a")
 tabAnchorEle = node;
 return false;
if (tabIndexEle)
 this.focusElement = tabIndexEle;
else if (tabAnchorEle)
 this.focusElement = tabAnchorEle;
if (this.focusElement)
 Spry.Widget.TabbedPanels.addEventListener(this.focusElement, "focus", function(e) { return self.onTabFocus(e, tab); }, false);
 Spry.Widget.TabbedPanels.addEventListener(this.focusElement, "blur", function(e) { return self.onTabBlur(e, tab); }, false);
 Spry.Widget.TabbedPanels.addEventListener(this.focusElement, "keydown", function(e) { return self.onTabKeyDown(e, tab); }, false);
Spry.Widget.TabbedPanels.prototype.showPanel = function(elementOrIndex)
var tpIndex = -1;
if (typeof elementOrIndex == "number")
tpIndex = elementOrIndex;
else // Must be the element for the tab or content panel.
tpIndex = this.getTabIndex(elementOrIndex);
if (!tpIndex < 0 || tpIndex >= this.getTabbedPanelCount())
return;
var tabs = this.getTabs();
var panels = this.getContentPanels();
var numTabbedPanels = Math.max(tabs.length, panels.length);
for (var i = 0; i < numTabbedPanels; i++)
if (i != tpIndex)
 if (tabs[i])
 this.removeClassName(tabs[i], this.tabSelectedClass);
 if (panels[i])
 this.removeClassName(panels[i], this.panelVisibleClass);
 panels[i].style.display = "none";
this.addClassName(tabs[tpIndex], this.tabSelectedClass);
this.addClassName(panels[tpIndex], this.panelVisibleClass);
panels[tpIndex].style.display = "block";
this.currentTabIndex = tpIndex;
Spry.Widget.TabbedPanels.prototype.attachBehaviors = function(element)
var tabs = this.getTabs();
var panels = this.getContentPanels();
var panelCount = this.getTabbedPanelCount();
for (var i = 0; i < panelCount; i++)
this.addPanelEventListeners(tabs[i], panels[i]);
this.showPanel(this.defaultTab);
})(); // EndSpryComponent

Note - I agree with Nancy
As for your experiment, to prevent the "drop" reduce the spry CSS padding in line 76 selector from 21px to 18px.
.TabbedPanelsTab {
 -moz-user-select: none;
 background-color: #000000;
 border-color: #000000;
 border-left: 0 solid #000000;
 border-style: solid;
 border-width: 2px 0 0;
 cursor: pointer;
 float: left;
 font-family: "Myriad Pro";
 font-size: 1em;
 font-weight: normal;
 height: 15px;
 list-style: none outside none;
 margin: 0;
 padding: 4px 18px;
 position: relative;
 top: 0;
Don't use dummy text without normal length text with breaks

Scrolling menu with indpendent static text

I was hoping someone would be able to help me, im not very
experienced, but i learn pretty quickly.
This
is a screenshot of my menu, it is a horizontal scrolling menu. Upon
rollover, the icons glow red. I copied the actionscript from
something i found online.
I need static text to appear in the bottom section when each
icon is selected, thus labeling the icon. I've tried different
things, but each time the text would move horizontally as the icons
do. I need the text to exsist independently from the menu, but i
have no idea how to do this. Any help would be greatly appreciated.
I can provide the FLA file if needed.
this is the action script i have placed on the menu, i dont
know if it will help
xm = 0;
//function to set the xpos of the movieclip
function xpos(bar_length,mul)
hpos = 0;
scroll_length = 490;
incr = bar_length/scroll_length;
xm = _xmouse;
if(_xmouse <= 10){xm = 10;}
if(_xmouse >= 400){xm = 400;}
scroll_x = hpos - xm;
scroll_x = scroll_x * mul;
x_pos = scroll_x * incr;
x_pos = x_pos + hpos;
return x_pos;
_root.onEnterFrame = function ()
// call function xpos
x_pos = xpos(700,.20);
with (bar)
_x += (x_pos - _x)*.4;
// call function xpos
x_pos = xpos(950,.75);
with (menu)
_x += (x_pos - _x)*.4;
thanks it advance

you will need to create a 'dynamic' text field in the
position that you want there, and then assign text to the field on
rollOver of the button clip. You can control the text assignment
from within the onRollOver and onRollOut handlers. Something like
this from the main timeline:

Scrolling menu with independent static text

I was hoping someone would be able to help me, im not very
experienced, but i learn pretty quickly.
This
is a screenshot of my menu, it is a horizontal scrolling menu. Upon
rollover, the icons glow red. I copied the actionscript from
something i found online.
I need static text to appear in the bottom section when each
icon is selected, thus labeling the icon. I've tried different
things, but each time the text would move horizontally as the icons
do. I need the text to exsist independently from the menu, but i
have no idea how to do this. Any help would be greatly appreciated.
I can provide the FLA file if needed.
this is the action script i have placed on the menu, i dont
know if it will help
xm = 0;
//function to set the xpos of the movieclip
function xpos(bar_length,mul)
hpos = 0;
scroll_length = 490;
incr = bar_length/scroll_length;
xm = _xmouse;
if(_xmouse <= 10){xm = 10;}
if(_xmouse >= 400){xm = 400;}
scroll_x = hpos - xm;
scroll_x = scroll_x * mul;
x_pos = scroll_x * incr;
x_pos = x_pos + hpos;
return x_pos;
_root.onEnterFrame = function ()
// call function xpos
x_pos = xpos(700,.20);
with (bar)
_x += (x_pos - _x)*.4;
// call function xpos
x_pos = xpos(950,.75);
with (menu)
_x += (x_pos - _x)*.4;
thanks in advance

you will need to create a 'dynamic' text field in the
position that you want there, and then assign text to the field on
rollOver of the button clip. You can control the text assignment
from within the onRollOver and onRollOut handlers. Something like
this from the main timeline:

Horizontal scroll bar in 1024x768 resolution

I working in a older type HP notebook. ( Windows XP 32bit) This notebook max screen resolution is 1024x768
A few days ago i update my Firefox.In the new version the websites wider than my screen and Firefox show the horizontal scroll bar, which is very annoying!
There is a solution?
Than you!
Gab.

Wow. Firefox 10 is terribly insecure and you should update to the latest version ASAP. Windows 7 is capable of handing 29.
Also, I notice that in your original post you said you had Windows XP but your System Details (the computer you posted this question from) shows you running Windows 7 with Firefox 10.0.4. Which operating system are you using. I know an easier way to know.
Can you start by giving us the troubleshooting information from the Firefox installation that's having problems. This is an essential step in troubleshooting. 
*Click the Firefox button at the top left, then click the ''Help'' menu and select ''Troubleshooting Information'' from the sub-menu. If you don't have a Firefox button, click the Help menu at the top and select ''Troubleshooting Information'' from the menu.
Now, a new tab containing your troubleshooting information should open.
*At the top of the page, you should see a button that says "Copy text to clipboard". Click it.
*Now, go back to your forum post and click inside the reply box. Press Ctrl+V to paste all the information you copied into the forum post.

HP 5-button mouse comfort BR376AA - Driver & Horizontal scroll problem

Hi all,
I have a problem with HP 5-button mouse comfort BR376AA. Operating System Windows XP SP3 32bit
I installed driver
Released: 2011-06-29 File name Release_WW_Setup.exe [1/1, 28.25M]
from http://h10025.www1.hp.com/ewfrf/wc/softwareDownloadIndex?softwareitem=DA-89892-1&cc=us&dlc=en&lc=en&...
But in HP Mouse control center-> menu Buttons, text box Connected Device is message: No mouse has been detected
In Control Panel, Device manager, Mice is HID-compliant mouse only, no HP mouse
Horizontal scroll does not work.
I didn´t find any alternative driver.
Could anyone help me please?
Thanks

@Jara1
Thank you for using HP support forum. I have sent you a private message. If you’re unsure how to check your private messages please click here.
Thank you,
Omar
I Work for HP

My horizontal scroll bar has disappeared

I no longer have a horizontal scroll bar at the bottom of the page. It disappeared a couple of days ago. I have not made any changes to my settings and am totally puzzled. I did try changing my persona to one I had previously used, and that made no difference. I have Windows XP and have used Firefox for quite some time.

It is possible that the screen is too high and that the status bar and scroll bar fall off at the bottom.
Open the system menu via Alt+Space and see if you can resize that window. 
If that works then close Firefox to save that setting.
See also http://kb.mozillazine.org/Resizing_oversize_window
This can also be a problem with the file [http://kb.mozillazine.org/localstore.rdf localstore.rdf] in the [http://kb.mozillazine.org/Profile_folder_-_Firefox Profile Folder].
Delete localstore.rdf or rename the file to localstore.rdf.sav in the [http://kb.mozillazine.org/Profile_folder_-_Firefox Profile Folder] to test if the file is corrupted.
See http://kb.mozillazine.org/Corrupt_localstore.rdf 
(caution: do not delete the localstore.rdf file in the Firefox program installation folder)

When in Firefox, my taskbar covers the horizontal scroll bar. How do I change it so that it wont?

When I'm in Firefox, the taskbar at the bottom of the screen hides the horizontal scroll bar. How do I get the scroll bar to be visible?

Different systems and your iPhone isn't hitting the same website as your Mac. It will be redirected to a mobile version, which likely is formatted differently.
If you know of someone who has it working that way in Safari, you might try Resetting Safari from the Safari menu.
Are all the other options checked in Safari Autofill preferences?

Disabling Horizontal Scroll in Mountain Lion (Magic Mouse)?

So I've tried pretty much everything and can't seem to this.
The following things used to work under Lion and before, it seems but having tried all of them, I'm at a loss for what to do. I like the magic mouse, but
when doing any development like coding or doing something in illustrator or Photoshop. The horizontal scroll makes my content jump all over the place.
Very frustrated hope someone can help. Here are all the things I've tried.
Open a terminal shell:
defaults write com.apple.driver.AppleBluetoothMultitouch.mouse MouseHorizontalScroll -bool NO
This no longer does anything.
I tried installing MagicPrefs to try and 'overwrite' the scroll functionality for horizontal movement... it doesn't work
I tried installing BetterTouchTool (BTT) to also overwrite the scroll functionality for horizontal movement... again it doesn't work.
What does work:
It seems I can go into System Preferences > Accessibility > Mouse & Trackpad > Mouse Options > uncheck scrolling.
But this gets rid of all scrolling even vertical.
Now if MagicPrefs or BTT had a vertical scroll action you could bind to up/down swipes this would be fine, but they don't.
So, at a loss for what to do.

If you have windows 7 this might work for you. Found from another forum post here.
Ra1n
Re: how to disable horizontal scrolling with magic mouse in win7?
Mar 19, 2013 8:30 AM (in response to lexa_xxx)
I use MagicMouse on iMac with Windows 7 running (installed through BootCamp). Got sick of annoying horizontal scrolling. The solution described above has helped me to disable it. Here is what I've done in steps:
1) go to http://www.autohotkey.com/ and download an app (a script editor).
2) Install and run the program - please note that it will not open as it runs in the background
3) Rightclick on the desktop -> choose "New" -> "AutoHotkey Script" (a new script file will be created on the desktop) -> name it as you wish (e.g. "Mouse_HScroll")
4) Rightclick on the file you've just created and choose "Edit Script" from the menu.
5) Add these three lines below existing text in the file:
WheelLeft::return
WheelRight::return
#MaxHotkeysPerInterval 5000
6) Save file
7) Run "Convert .ahk to .exe" program from the package installed earlier and browse the file you've just created, hit ">Convert<" -> .exe file should be created. Run this file -> the scrolling should be disabled now.
7) You may wish to move this file to Start/"Autorun" folder, so it would be launched automatically each time you reboot your Mac/PC.
Hope this helps! Good Luck

I run 3.6.10 and the horizontal scroll bar vanishes.

I tried opening the browser in the Safe Mode & restoring the default settings. The horizontal scroll bar reappears until I resize the window. It vanishes again and does not reappear.

It is possible that the screen is too wide or too high and that the scroll bars fall off.
Open the system menu via Alt+Space and see if you can resize that window.
If that works then close Firefox to save that setting.
See also http://kb.mozillazine.org/Resizing_oversize_window
If that didn't help then see http://kb.mozillazine.org/Corrupt_localstore.rdf

Another mouse/horizontal scrolling question

not to threadjack another posts thread, but i have a Kensington Expert Mouse (black four button scroll around th e trackball) i was wondering if theres a way to activate horizontal scrolling with that mouse?
thanks!

Two ways:
1) Hold down Shift while turning the scroll-ring.
2) You can set one of the buttons to switch the scrolling direction in the "Buttons" tab of "MouseWorks" system preference. In the "Scrolling" tab you can have it show the scrolling direction in the menu bar.
Make sure you have MouseWorks 3.0
<http://us.kensington.com/html/1385.html#mac30>

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

Where can I find a horizontal accordion menu tutorial

I have googled all day looking for a horizontal accordion menu for javascript and haven't found an actual tutorial. I have found downloads, but I want learn how to make one.

Just to clarify, Accordions are collapsing panels (not a menu system per se).
Spry Accordion Panels Widget
http://labs.adobe.com/technologies/spry/articles/accordion_overview/
Working with Spry Horizontal Drop-Menu widget
http://labs.adobe.com/technologies/spry/articles/menu_bar/index.html
Making a JQuery Mega Menu
http://www.sitepoint.com/make-a-mega-drop-down-menu-with-jquery/
jQuery Superfish Menus
http://users.tpg.com.au/j_birch/plugins/superfish/
Nancy O.
Alt-Web Design & Publishing
Web | Graphics | Print | Media Specialists
http://alt-web.com/
http://twitter.com/altweb

Horizontal Scrolling Menu System

Similar Messages

Maybe you are looking for