Tabbed Panel - Make First Panel content not a tab?

I apologise for this but I am repeating a post that I have put in the Dreamweaver Dynamic Forum. I didn't think about this board then but realise a couple of other Spry questions don't attract much attention there. In future I'll come here but for now I hope the duplicate post doesn't upset anyone.
I am having a go witha tabbed panel which is what the screenshot is showing. This is experimenting so I haven't had the courage to upload it yet.
I would like the default panel to not contain anything except perhaps, the instruction to click and a colour background logo image. When the user clicks a panel I want the logo image to be pale and greyscale and the course deatails to present.
My question is how do I start the tabbed panel with a pane that isn't one of the tabs? I can see a way around it by making the first tab "Instructions" but I don't think it will look so good.
Thanks
Martin

Gosh, you made that look easy!
I'm not at my desk to implement it but your post has the air of confidence that I envy! I was expecting to have to put on some latex gloves, a mask and gown and tinker with the code...
Many thanks.
Martin

Similar Messages

When placing each search result in its own collapse panel, only first panel works (PHP foreach loop)

Hi there,
<?php foreach ($results as $result): ?>
<div id="CollapsiblePanel1" class="CollapsiblePanel">
    <div class="CollapsiblePanelTab">
<?php echo htmlspecialchars($result['name'], ENT_QUOTES, 'UTF-8'); ?>
    </div>
    <div class="CollapsiblePanelContent">
<?php echo htmlspecialchars($result['description'], ENT_QUOTES, 'UTF-8'); ?>
    </div>
</div>
<?php endforeach; ?>
<script type="text/javascript">
var CollapsiblePanel1 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel1");
</script>
Above is the segment where I want to generate a list of results using PHP/SQL. I know for sure that there isn't anything wrong with the PHP, there's something about the collapsible panels that I can't get my head around...
WHAT I WANT IT TO DO:
Display the result of my query, each in a collapsible panel with the Name in the panel's tab and the additional Description on the panel's content area. Do this for all results.
WHAT IT DOES:
The above, except that only the first collapsible panel works (collapses fine). The results following are still in collapsible panels with the exception that they don't collapse at all.
So can anyone come up with a good solution to fix this? Something quick will do (that I don't have to make drastic changes to my code), I suspect that it has something to do with this line:
var CollapsiblePanel1 = new Spry.Widget.CollapsiblePanel("CollapsiblePanel1");
That it recognizes the first panel as CollapsiblePanel1, the other panels are just unknown... I don't know, that's all I can come up with. Thanks for your time.

Thanks for the tip Gramps, got to the solution!
<?php foreach ($results as $result): ?>
<div id="CollapsiblePanel<?php echo htmlspecialchars($result['id'], ENT_QUOTES, 'UTF-8'); ?>" " class="CollapsiblePanel">
    <div class="CollapsiblePanelTab">
<?php echo htmlspecialchars($result['name'], ENT_QUOTES, 'UTF-8'); ?>
    </div>
    <div class="CollapsiblePanelContent">
<?php echo htmlspecialchars($result['description'], ENT_QUOTES, 'UTF-8'); ?>
    </div>
</div>
<script type="text/javascript">
var CollapsiblePanel<?php echo htmlspecialchars($result['id'], ENT_QUOTES, 'UTF-8'); ?> = new Spry.Widget.CollapsiblePanel("CollapsiblePanel<?php echo htmlspecialchars($result['id'], ENT_QUOTES, 'UTF-8'); ?>");
</script>
<?php endforeach; ?>
By allowing the script to loop and matching the id. Nice suggestion for the accordion but unfortunately the code above was just an example... the actual results will include tables, <hr> and whatnot.
Being new to the Dreamweaver scene (actually to be honest, I've only started learning about web development a week ago) why are the Spry js (or just Spry in particular) files so large? Are there plugins/methods I can get to delete some features I don't need? I have absolutely no experience with JS... yet.

Spry panel - the first panel opens by default on entering the site

The first panel is open on default, I can close it, and access the others, but whenever i go there for the first time, its open. I want vistors to see the front page with all three panels closed. http://www.diocesanministriesfund.org
Also, not a big deal, but when you close one of the panels and return to the index page, it seems like the whole page gets stuck for a second and then renders.
Any help is appreciated, as always, Mary

Hi Mary
In this line near the bottom of your document you have
var SpryAccordion1 = new Spry.Widget.Accordion("SpryAccordion1", {useFixedPanelHeights:false, defaultPanel:0});
This is where you have told the accordion to open the first panel. If you want all panel closed then make the default panel a non-existing panel as in
var SpryAccordion1 = new Spry.Widget.Accordion("SpryAccordion1", {useFixedPanelHeights:false, defaultPanel:-1});
Gramps

When launching and opening tabs from links in outlook express not all tabs appear

Since upgrading to Firefox 21 when I click on links in emails in Outlook Express not all the links open new tabs, but when I attempt to close Firefox it says there are more tabs open than are being displayed. Firefox also becomes sluggish to non-responsive during these "evolutions". If I open Firefox first before clicking links in emails it does not display this behavior.

The DDE fix does not appear to address the same problem I'm having. I receive no error windows or indications of any kind, the tabs just never appear, yet when I close firefox it will ask me if I want to close all "X" tabs ( and X appears to equal the number of tabs I tried to open).

About tab page:not all tab page can view when have many tab page

It has 12 tab page in a tab canvas,when it is running ,
not all tab page can view.
the tab canvas's Tab Attachment Edge is Top.
How can it view all tab page?
Pleae help me!
Thanks.
Daniel Liang
2007.3.20
Message was edited by:
DanielLiang

The number of tabs that you can show at once is limited by the size of the canvas. If you have too many tabs, then you can set up one tab to be a 'MORE'. When the user clicks on it, it hides the current set of tabs and displays the set of tabs that were not shown. By having a MORE for each set of tabs, you can toggle between the sets of tabs. The Help documentation describes how to show and hide tabs, and how to set focus to a particular tab.

Having trouble with dreamweaver cs 6 spry tabbed panels, all content in each tab showes through like

Having trouble with dreamweaver cs 6 spry tabbed panels, all content in each tab showes through like it was all created on one page, plus mouse over doesnt work on them.
This started all of a sudden.
The entire website is a series of spry tabbed panels.
http://pacificlaser.com/const.html
if you click on General construction tab things work ok...
if you click on Machine control tab, mouse over doesnt work and all page content of each tab show through.
ive been looking for the answer for 4 months with no success.
Hope a fellow dreamwever-person can help
Thanks Rick

You called it: your links to the SpryAssets are linking to your hard drive, not to the files within the folder on the server.
Correct these links:
<script src="file:///C:/Users/work/Desktop/Sites/SpryAssets/SpryTabbedPanels.js" type="text/javascript"></script>
<link href="file:///C:/Users/work/Desktop/Sites/SpryAssets/SpryTabbedPanels.css" rel="stylesheet" type="text/css" />
And you should be good to go.
Beth
ps. If you run into more difficulties with the Spry Widgets, take your questions to the Dreamweaver Spry Forum http://forums.adobe.com/community/labs/spry, where they will get quicker attention.
B

I can't view multiple images in tabbed panels in photoshop CC (do not have this problem in PS5 or 6)

I can't set up multiple images in tabbed panels in photoshop CC (do not have this problem in PS5 or 6). Has anyone had this problem with CC and if so do they know the fix?

I just discovered something really weird. If I open the images in
photoshop (and the tabs are not showing) and then open another window on
top of photoshop (for example word or safari) , then the images and tabs
show in the photoshop window. But if I move Pshop to the front screen then
the tabs disappear!

Sliding Panel Content Not Hidden

Hi All. This is my first post so apologies if I do something wrong.
I'm setting up sliding panels to work on my site (I've used them before) and this time I can't get the panels that aren't displayed to hide. The panels slide, but all panels are visable at all times. Here is the code -
CSS
.SlidingPanels {
    position: relative;
    width: 221px;
    height: 260px;
    padding: 0px;
    border: none;
.SlidingPanelsContentGroup {
    position: relative;
    width: 10000px;
    margin: 0px;
    padding: 0px;
    border: none;
.SlidingPanelsContent {
    width: 221px;
    height: 260px;
    overflow: hidden;
    margin: 0px;
    padding: 0px;
    border: none;
.SlidingPanelsAnimating * {
    overflow: hidden !important;
.SlidingPanelsCurrentPanel {
.SlidingPanelsFocused {
TEST.PHP
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="http://www.guaranteedprofit.co.uk/Scripts/SprySlidingPanels.js" type="text/javascript"></script>
<link href="http://www.guaranteedprofit.co.uk/sandbox.css" rel="stylesheet" type="text/css" />
</head>
<body>
<a href="#" onclick="sp1.showFirstPanel();">First Panel</a> | <a
    href="#" onclick="sp1.showPreviousPanel();">Previous Panel</a> |
<a href="#" onclick="sp1.showNextPanel();">Next Panel</a> | <a href="#"
    onclick="sp1.showLastPanel();">Last Panel</a>
<div id="panelwidget" class="SlidingPanels">
<div class="SlidingPanelsContentGroup">
    <div class="SlidingPanelsContent" id="p1">Panel 1</div>
    <div class="SlidingPanelsContent" id="p2">Panel 2</div>
    <div class="SlidingPanelsContent" id="p3">Panel 3</div>
    <div class="SlidingPanelsContent" id="p4">Panel 4</div>
    <div class="SlidingPanelsContent" id="p5">Panel 5</div>
    <div class="SlidingPanelsContent" id="p6">Panel 6</div>
</div>
</div>
<script type="text/javascript">
var sp1 = new Spry.Widget.SlidingPanels("panelwidget");
</script>
Has anyone got any suggestions please as I know it's something simple, I just can't work it out. I've tested it in FF and IE6
Thanks in advance, Adam

Solved it. I've been at this since 5am and put a rouge <! -- in the css file which screwed it up

HT5100 I was thrilled with this app at first, the content is amazing, but lately I have not been able to open this on my iPad or to download updates. have other user experienced these problems? Is there a setting I can change to make his work again?

I was thrilled with this app at first, the content is amazing, but lately I have not be enable to open the app, or to download updates. are other users experiencing problems like this? Is there a setting I can change that will solve the problem?

I was thrilled with this app at first, the content is amazing, but lately I have not be enable to open the app, or to download updates. are other users experiencing problems like this? Is there a setting I can change that will solve the problem?

Using Srpy tabbed panels with slidding panels

I am very new to spry and so I am still just figuring it all
out. How I found it was I wanted a tabbed panel like the one on the
IBM website. Anyway, I am trying to
use the tabbed panels with the sliding panels and it just does not
seem to be working. I found
this
tutorial and followed the codes but it still only works as just the
tabbed panels - nothing has changed at all. Can someone tell me
what I might be doing wrong? I am attaching both my html and css
code for you to inspect.
HTML Code
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html;
charset=utf-8" />
<title>Untitled Document</title>
<script
src="file://///172.16.10.251/users$/kduverna/Desktop/SpryAssets/SpryTabbedPanels.js"
type="text/javascript"></script>
<link
href="file://///172.16.10.251/users$/kduverna/Desktop/SpryAssets/SpryTabbedPanels.css"
rel="stylesheet" type="text/css" />
</head>
<body>
<div id="TabbedPanels1" class="TabbedPanels">
<ul class="TabbedPanelsTabGroup">
<li class="TabbedPanelsTab" tabindex="0"><a
href=”#Tab1″>Tab 1</a></li>
<li class="TabbedPanelsTab" tabindex="0"><a
href=”#Tab1″>Tab 2</a></li>
</ul>
<div class="TabbedPanelsContentGroup">
<div class="TabbedPanelsContent">Content 1</div>
<div class="TabbedPanelsContent">Content 2</div>
</div>
</div>
<script type="text/javascript">

</script>
</body>
</html>
css code to follow in post below - too many characters.

and here is the css code
CSS Code
@charset "UTF-8";
/* SpryTabbedPanels.css - Revision: Spry Preview Release 1.4
/* Copyright (c) 2006. Adobe Systems Incorporated. All rights
reserved. */
/* Horizontal Tabbed Panels
* The default style for a TabbedPanels widget places all tab
buttons
* (left aligned) above the content panel.
/* This is the selector for the main TabbedPanels container.
For our
* default style, this container does not contribute anything
visually,
* but it is floated left to make sure that any floating or
clearing done
* with any of its child elements are contained completely
within the
* TabbedPanels container, to minimize any impact or
undesireable
* interaction with other floated elements on the page that
may be used
* for layout.
* If you want to constrain the width of the TabbedPanels
widget, set a
* width on the TabbedPanels container. By default, the
TabbedPanels widget
* expands horizontally to fill up available space.
* The name of the class ("TabbedPanels") used in this
selector is not
* necessary to make the widget function. You can use any
class name you
* want to style the TabbedPanels container.
.TabbedPanels {
margin: 0px;
padding: 0px;
float: left;
clear: none;
width: 100%; /* IE Hack to force proper layout when preceded
by a paragraph. (hasLayout Bug)*/
/* This is the selector for the TabGroup. The TabGroup
container houses
* all of the tab buttons for each tabbed panel in the
widget. This container
* does not contribute anything visually to the look of the
widget for our
* default style.
* The name of the class ("TabbedPanelsTabGroup") used in
this selector is not
* necessary to make the widget function. You can use any
class name you
* want to style the TabGroup container.
.TabbedPanelsTabGroup {
margin: 0px;
padding: 0px;
/* This is the selector for the TabbedPanelsTab. This
container houses
* the title for the panel. This is also the tab "button"
that the user clicks
* on to activate the corresponding content panel so that it
appears on top
* of the other tabbed panels contained in the widget.
* For our default style, each tab is positioned relatively 1
pixel down from
* where it wold normally render. This allows each tab to
overlap the content
* panel that renders below it. Each tab is rendered with a 1
pixel bottom
* border that has a color that matches the top border of the
current content
* panel. This gives the appearance that the tab is being
drawn behind the
* content panel.
* The name of the class ("TabbedPanelsTab") used in this
selector is not
* necessary to make the widget function. You can use any
class name you want
* to style this tab container.
.TabbedPanelsTab {
position: relative;
top: 1px;
float: left;
padding: 4px 10px;
margin: 0px 1px 0px 0px;
font: bold 0.7em sans-serif;
background-color: #DDD;
list-style: none;
border-left: solid 1px #CCC;
border-bottom: solid 1px #999;
border-top: solid 1px #999;
border-right: solid 1px #999;
-moz-user-select: none;
-khtml-user-select: none;
cursor: pointer;
/* This selector is an example of how to change the appearnce
of a tab button
* container as the mouse enters it. The class
"TabbedPanelsTabHover" is
* programatically added and removed from the tab element as
the mouse enters
* and exits the container.
.TabbedPanelsTabHover {
background-color: #CCC;
/* This selector is an example of how to change the
appearance of a tab button
* container after the user has clicked on it to activate a
content panel.
* The class "TabbedPanelsTabSelected" is programatically
added and removed
* from the tab element as the user clicks on the tab button
containers in
* the widget.
* As mentioned above, for our default style, tab buttons are
positioned
* 1 pixel down from where it would normally render. When the
tab button is
* selected, we change its bottom border to match the
background color of the
* content panel so that it looks like the tab is part of the
content panel.
.TabbedPanelsTabSelected {
background-color: #EEE;
border-bottom: 1px solid #EEE;
/* This selector is an example of how to make a link inside
of a tab button
* look like normal text. Users may want to use links inside
of a tab button
* so that when it gets focus, the text *inside* the tab
button gets a focus
* ring around it, instead of the focus ring around the
entire tab.
.TabbedPanelsTab a {
color: black;
text-decoration: none;
/* This is the selector for the ContentGroup. The
ContentGroup container houses
* all of the content panels for each tabbed panel in the
widget. For our
* default style, this container provides the background
color and borders that
* surround the content.
* The name of the class ("TabbedPanelsContentGroup") used in
this selector is
* not necessary to make the widget function. You can use any
class name you
* want to style the ContentGroup container.
.TabbedPanelsContentGroup {
clear: both;
border-left: solid 1px #CCC;
border-bottom: solid 1px #CCC;
border-top: solid 1px #999;
border-right: solid 1px #999;
background-color: #EEE;
/* 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 {
padding: 4px;
/* This selector is an example of how to change the appearnce
of the currently
* active container panel. The class
"TabbedPanelsContentVisible" is
* programatically added and removed from the content element
as the panel
* is activated/deactivated.
.TabbedPanelsContentVisible {
/* Vertical Tabbed Panels
* The following rules override some of the default rules
above so that the
* TabbedPanels widget renders with its tab buttons along the
left side of
* the currently active content panel.
* With the rules defined below, the only change that will
have to be made
* to switch a horizontal tabbed panels widget to a vertical
tabbed panels
* widget, is to use the "VTabbedPanels" class on the
top-level widget
* container element, instead of "TabbedPanels".
/* This selector floats the TabGroup so that the tab buttons
it contains
* render to the left of the active content panel. A border
is drawn around
* the group container to make it look like a list container.
.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;
/* This selector disables the float property that is placed
on each tab button
* by the default TabbedPanelsTab selector rule above. It
also draws a bottom
* border for the tab. The tab button will get its left and
right border from
* the TabGroup, and its top border from the TabGroup or tab
button above it.
.VTabbedPanels .TabbedPanelsTab {
float: none;
margin: 0px;
border-top: none;
border-left: none;
border-right: none;
/* This selector disables the float property that is placed
on each tab button
* by the default TabbedPanelsTab selector rule above. It
also draws a bottom
* border for the tab. The tab button will get its left and
right border from
* the TabGroup, and its top border from the TabGroup or tab
button above it.
.VTabbedPanels .TabbedPanelsTabSelected {
background-color: #EEE;
border-bottom: solid 1px #999;
/* This selector floats the content panels for the widget so
that they
* render to the right of the tabbed buttons.
.VTabbedPanels .TabbedPanelsContentGroup {
clear: none;
float: left;
padding: 0px;
width: 30em;
height: 20em;
/* BEGIN: Spry Horizontal Tabbed Panels meets Sliding Door
and CSS Sprites */
/* Revision by Craig Malcolm Petrou of CPMMUG.com */
.TabbedPanels {
margin: 10px 0 5px 0;
.TabbedPanelsTab {
font-weight: bold;
font-size: 100%;
background-color: #FFF;
border: solid 0 #FFF;
.TabbedPanelsTabHover {
background-color: #FFF;
.TabbedPanelsTabSelected {
background-color: #FFF;
border-bottom: 1px solid #FFF;
position: relative;
.TabbedPanelsContentGroup {
background-color: #FFF;
ul.TabbedPanelsTabGroup a {
display: block;
ul.TabbedPanelsTabGroup li.TabbedPanelsTab {
background: url(/images/brown.png) no-repeat 0 0;
margin: 0 0 0 -1px;
padding: 0 0 0 10px;
ul.TabbedPanelsTabGroup li.TabbedPanelsTab a {
background: url(/images/brown.png) no-repeat 100% 0;
padding: 7px 10px 5px 0;
ul.TabbedPanelsTabGroup li.TabbedPanelsTabSelected {
background: url(/images/brown.png) no-repeat 0 -41px;
ul.TabbedPanelsTabGroup li.TabbedPanelsTabSelected a {
background: url(/images/brown.png) no-repeat 100% -41px;
/* END: Spry Horizontal Tabbed Panels meets Sliding Door and
CSS Sprites */
Also - is there a way to get rounded corners on the tabs in
spry? Any good tutorials I can follow about spry - more
specifically about using widgets and effects together.
Thanks so much

Change the default arrangement of tabs in the Project Panel

With every new project, I'm having to manually re-arrange the tabs in the Project panel to suit my workflow. Specifically, I'd like to permanenly change the tab order so that the "Good" tab is listed first, followed by Video Duration..etc.
Can this be done ?

The Project Panel's Metadata Display dialog allows you to select which metadata properties are displayed as columns. You can save multiple Metadata Display profiles. Note, however, that these saved settings define only which columns are displayed.
The order of the columns is saved as part of the workspace. To save a custom workspace, set up all the panels, columns, etc. just the way you like, then go Window>Workspace>NewWorkspace.
With any workspace, if you change things around and want to get back to the saved settings, go Windows>Workspace>ResetCurrentWorkspace.
By the way, a minor point of terminology, in PPRO parlance "tab" usually refers to the top of the panel that you click to switch among panels in a frame. What you're asking about is columns. One reason that it's worth calling out this distinction is that workspaces save both the tab organization and the column organization.

Where i can read about make extended panel for Photoshop cc 2014?

where i can read about make extended panel for Photoshop cc 2014?

It was experimental in CC first release its now supported in CC 2014 not experimental.
Support for Windows touch devices
New in this release of Photoshop CC
Photoshop CC now supports Windows 8.1 touch devices like the Microsoft Surface Pro, so you can use pinch, zoom, pan, and rotate.
In Photoshop, two-finger touch gestures are used to control the location, rotation, and scaling of the Image > Canvas view. Users may alternate between touch view control and other interactions using the mouse or stylus, but touch may not be used simultaneously with other input. Touch control is convenient when painting on large touchscreen monitors, which are difficult to rotate physically, and on tablets to avoid constantly shifting the device.
For more information, see Touch gestures.

Tabbed Panel menu + HTML Panel submenu?

I'm using spy tabbed panels for my top level menu and HTML
panels for the sublevels, and it works great...for one tab. The
other tabs display their submenus but don't respond with panel
content.
Looking at my site, you can see that the tabs work and that
the submenus are displayed, but only the panels under "Our Public
Responsibility" function. I guess each tab needs a separate panel
widget instance, but I don't know how to accomplish that.
Any input very much appreciated!
UPDATE: Just needed to sleep on it, I guess. I figured it
out.

I'm sure you will get more answers in this forum: "Spry Framework for Ajax":http://forums.adobe.com/community/labs/spry
Good point. I'll post it there.
I do not see a problem with what you want to do. Keep in mind though, that, unlike the tabbed panel widget, you will be taken to a new page when clicking a link.
Also, do you know if it's possible to have an entire web page (separate html file), display in a panel?
Have a look here http://labs.adobe.com/technologies/spry/samples/htmlpanel/html_panel_s ample.html
Yup, link to another page (e.g., my forum), would be right.
I'm trying to wrap my brain around the html panel link you provided. Thanks.

Even though block popup windows is unchecked in content tab of options, I am still not getting any popups. Please help me.

Hi - Even though block popup windows is unchecked in content tab of options, I am still not getting any popups. Please suggest how to over come this problem.

Start Firefox in <u>[[Safe Mode|Safe Mode]]</u> to check if one of the extensions (Firefox/Tools > Add-ons > Extensions) or if hardware acceleration is causing the problem.
*Switch to the DEFAULT theme: Firefox/Tools > Add-ons > Appearance
*Do NOT click the Reset button on the Safe Mode start window
*https://support.mozilla.org/kb/Safe+Mode
*https://support.mozilla.org/kb/Troubleshooting+extensions+and+themes
Did you make sure that your security software isn't blocking the pop-ups?
Boot the computer in Windows Safe Mode with network support (press F8 on the boot screen) as a test.
*http://www.bleepingcomputer.com/tutorials/how-to-start-windows-in-safe-mode/

Version 5.0 on a MAC will not let me switch between tabs. I can open a new tab, but when I try to go to a different tab, it just shows me the contents of the tab most recently opened. Help!

Version 5.0 on a MAC will not let me switch between tabs. I can open a new tab, but when I try to go to a different tab, it just shows me the contents of the tab most recently opened. Help!
Also, pop up blocker works for some time and then just stops working. I have to close and restart Firefox to get it to work again. Help!

I had the same problem, but with Firefox 4.0. My first thought was to update Firefox (after of course restarting FF), but that didn't help it and I had the same problem.
Among others, I had an extension installed and enabled called Tile Tabs 4.10 that I thought could feasibly creating this problem. So I went into my add-ons manager and disabled it, restarted Firefox and the tabs worked properly again. Unfortunately, the Tile Tabs extension is my favorite Firefox add-on and I use it almost every day for managing my web work tasks. I went to the add-on page for Tile Tabs and saw that there was a notice that version 4.10 didn't work properly on Mac OS, and to install version 4.9 of the extension. I saw they had a new, not-yet-reviewed version 4.11 that addressed the Mac OS problem, installed it, and everything seems to be working properly.
I have no idea why all of a sudden I had this problem, as I hadn't updated Firefox or the Tile Tabs extension recently. Also, obviously this might not address your problem, especially if you don't have that add-on installed and enabled. But our problem started at the same time for both of us it appears based on your post time, so its probably not coincidence.
But its worth a look, and you might want to check out other extensions if you don't have Tile Tabs that could be causing the problem.

Tabbed Panel - Make First Panel content not a tab?

Similar Messages

Maybe you are looking for