Help with Tabbed panels please

Hello,
Can someone please tell me how I can change the color of the background of the tabs in tabbed panels.  They are a grey and I can go into each tab and set a new color and when that tab is chose, the new color shows, but when I click on the next panel tab, the prvious one background goes back to grey.  How do I get that whole grey background color changed?
Did I confuse everyone because I think I confused myself lol
Thanks if you can help!
Kathleen

THank you very much!!

Similar Messages

  • Help with "Tabbed panels"

    Hi guys,
    i am trying to design a web for my company. The company devided in to three parts. Every part has a slightly different menu.
    I assume i could use "tabbed panels" for that purpose but the contents of tabs are changed only on mouse click. I would like people to hover on main menu button and submenu contents are changing...the same for all three main menu buttons. Each main menu buttons has about 7 or 8 submenus.
    Is it possible for you to point me to a step by step tutorials to do it?
    Thank you very much

    Hi,
    I suggest that you put your question into the Spry forum, 'cause there are acting most of the specialists around this topic. Here the link to it:
    http://forums.adobe.com/community/labs/spry?view=discussions
    Hans-Günter

  • [SOLVED] KICKER Help with a panel please

    After using awesome to get some productive work done, I need a DE thats easy to use (for my dad who didn't know how to close a window in windows)
    But i will also use it as well, i wanted to use the kde 3.5.10 panel in openbox, or xfce or something, but i cant find the kicker package?
    any ideas
    Last edited by crowfaceltd (2010-04-18 09:41:58)

    Found it!
    installed kdemod 3.5.10, then /opt/bin/kicker
    now i have compiz standalone with the best panel in all the land hoorah AND hazzah yes!
    now to get to work......

  • Help with access control please

    So I'm trying to set up my brother's PSP to the wirless network through MAC address timed access. What I want to do is make it so that he can only access it through certain times in the day. I'm having troubles with actually getting it to work. Everytime I set it up, the PSP only show's up as a DHCP client and not a Wireless client. I tried the option panel with the add wireless clients through the first try access. Could I get some help with this issue please? Thanks!

    Just to calm your fears... There is no conspiracy. If someone had an answer or a suggestion they would post it.

  • Problem with tabbed panel

    I have a problem with tabbed panel...this panel has 3 columns, I copied to each of them a diffrent text (diffrent height)...I expected to obtain diffrent working area of column, for example  1st column-height 7500 px, 2nd-1500 px, 3rd-2500 px, but I received one height 7500 px, each column has been formatted to this size....below a text I have “empty space”- (it is a diffrence between working area and text area)...I put the text to the 1st column for example 7200 px height, empty space below this text is 300 px I received 7500 px of working area in this column, here the problem doesn`t exist but….2nd column i have height of text for example 1300 px, below this text i have 6200 px empty space...It should be height 1300 px of text and maybe 200 px of empty space...so the working area could have at 1500 px not 7500 px of height....I try to change it (to for example 1500 px) but it still  return to the basic 7500 px height and can`t do  it...The solution is to use another form like. the accordion form..but it is a row form….when you put a diffrent sized text (height) you will receive diffrent size of working  area (height), you obtain 7200px text +300 px empty space=7500 working area in 1st row.. 1200 px text + 300 px empty space=1500 workin area px in 2nd row and 2500 working area px in 3rd row…everything is fine in this form…each row has been formatted to the different size of height…but I prefer to use a tabbed panel (column form) instead a accordion form.…I don`t to waste the time to correct the code in html text editor like PSPad…
    Best Regards
    Kamil

    A couple of threads here that should answer your query.
    http://forums.adobe.com/message/5080345
    http://forums.adobe.com/message/5104253
    Thanks,
    Vinayak

  • Can you use anchors with tabbed panels???

    Im trying to use anchors with tabbed panels but they dont seem to work.  I need to be able to link to specific tabs and specific areas within those tabs, but I haven't been able to find a way to do this.  Does anyone know or have a work around?

    Yes, that is an improvement in Muse, check release notes here, http://forums.adobe.com/message/5104247 - Widget Improvements
    The selected tab in Design view for the Tabbed panel widget will now be selected/active when previewing, exporting or publishing the site to Business Catalyst.
    - Abhishek Maurya

  • Help with photo albums Please

    Hi, i really need some help with my pictures, I've only got a very basic understanding of how my phone works and have somehow put a load of albums on my phone when i plugged it into the computer-I want to delete some of them off the phone but cannot work out how to do it, when i plug my phone in i can find the photo tab but cannot actually see the pictures and can't see any delete button!!! Please can someone help me, basic explanations would be gratefully recieved xxxx

    The photo sync is one way: computer to phone. To remove photos, synced to your phone, remove the check marks next to the albums/folders under the photos tab in itunes & hit the apply/sync button. They will be removed from your phone. You cannot delete photos that were synced to your phone, directly on your phone. The easiest way to manage photos synced to your phone is to create albums or folders on your computer. Move whatever photos you want on your phone into these albums/folders & then select them under the photos tab in itunes to sync to your phone. You can then remove or add photos to these various albums/folders on your computer & the itunes sync process will update your phone every time you sync.

  • Problem with Tabbed Panel Widget

    OK, so I am new to CS4 and plagued by a myriad of issues, but this one is so bizarre and stupid I have to get help. I am using one of the generic templates to take advantage of already existing tabbed panel code. The problem is that although 3 out of 4 tabs are fine, the 4th (and last) one has a white stripe through it. It's almost like the page background color (white) is showing through.
    Crazy right? But I cannot get rid of this.

    Thank you for the response!
    It's not a live site. I am just experimenting with a template to see if I can make a legitimate product page before I buy CS4. I will check the div tags...but man, there are so damn many!
    Regards,
    Jonathan Rowe
    Marina Market
    <http://www.marinamarket.com> www.marinamarket.com
    <http://best.king5.com/winners/best-of-western-washington/4749/specialty-food-and-drink/gou rmet-grocery> BOWW_120x45.jpg

  • Autoplay with Tabbed Panel?

    Hi guys, Is it possible to make the Tabbed Panels have an
    autoplay feature? So it would be like the Photo gallery demo except
    I can have mixed content on the tab contents such as image with
    text or flash, etc...
    A good example is this at
    http://www.webmd.com/ the tab
    content plays automatically, except I want to make the content on
    XML of course.

    Hi Kin, Thanks but for some reason when I have another call
    to click on a tab, it messes up the rotation of the tabs...it stops
    it, it just keeps fading/appearing the next tab content without
    advancing....any help?
    <!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"
    xmlns:spry="
    http://ns.adobe.com/spry">
    <head>
    <meta http-equiv="Content-Type" content="text/html;
    charset=utf-8" />
    <title>TabbedPanels Cycler Example</title>
    <script src="SpryAssets/SpryTabbedPanels.js"
    type="text/javascript"></script>
    <script src="SpryAssets/SpryEffects.js"
    type="text/javascript"></script>
    <script type="text/javascript">
    function TabbedPanelsCycler(tp)
    this.tp = tp;
    this.timerID = 0;
    this.interval = 10000; // Milliseconds
    TabbedPanelsCycler.prototype.start = function()
    this.stop();
    var self = this;
    this.timerID = setTimeout(function() { self.next(); },
    this.interval);
    TabbedPanelsCycler.prototype.stop = function()
    if (this.timerID)
    clearTimeout(this.timerID);
    this.timerID = 0;
    TabbedPanelsCycler.prototype.next = function()
    var tp = this.tp;
    var self = this;
    var curIndex = tp.getCurrentTabIndex();
    var panels = tp.getContentPanels();
    var currentPanel = panels[ curIndex ];
    var nextPanel = panels[ (curIndex + 1) %
    tp.getTabbedPanelCount() ];
    Spry.Effect.DoFade(currentPanel, {duration: 1000, from: 100,
    to: 0, toggle: false, finish: function()
    nextPanel.style.opacity = '0';
    nextPanel.style.filter = 'alpha(opacity:0.0)';
    tp.showPanel(nextPanel);
    currentPanel.style.opacity = '';
    nextPanel.style.filter = '';
    Spry.Effect.DoFade(nextPanel, {duration: 1000, from: 0, to:
    100, toggle: false, finish: function()
    if (self.timerID)
    self.start();
    TabbedPanelsCycler.prototype.previous = function()
    var tp = this.tp;
    var curIndex = tp.getCurrentTabIndex();
    tp.showPanel(((curIndex < 1) ? tp.getTabbedPanelCount() :
    curIndex) - 1);
    if (this.timerID)
    this.start();
    function MM_effectAppearFade(targetElement, duration, from,
    to, toggle)
    Spry.Effect.DoFade(targetElement, {duration: duration, from:
    from, to: to, toggle: toggle});
    </script>
    <link href="SpryAssets/SpryTabbedPanels.css"
    rel="stylesheet" type="text/css" />
    <link href="assets/css/style.css" rel="stylesheet"
    type="text/css" />
    </head>
    <body onload="cycler.start();">
    <div id="page">
    <div id="featurebox">
    <div id="TabbedPanels1" class="TabbedPanels">
    <ul class="TabbedPanelsTabGroup">
    <li class="TabbedPanelsTab" tabindex="0"
    onclick="MM_effectAppearFade('panel_content1', 1000, 0, 100,
    false)">1</li>
    <li class="TabbedPanelsTab" tabindex="0"
    onclick="MM_effectAppearFade('panel_content2', 1000, 0, 100,
    false)">2</li>
    <li class="TabbedPanelsTab" tabindex="0"
    onclick="MM_effectAppearFade('panel_content3', 1000, 0, 100,
    false)">3</li>
    <li class="TabbedPanelsTab" tabindex="0"
    onclick="MM_effectAppearFade('panel_content4', 1000, 0, 100,
    false)">4</li>
    </ul>
    <div class="TabbedPanelsContentGroup">
    <div class="TabbedPanelsContent" id="panel_content1">
    <div>Content 1<br />
    <img src="CD_seiu_wongkovit_070102_035-250px.jpg"
    width="250" height="191" /></div>
    </div>
    <div class="TabbedPanelsContent" id="panel_content2">
    <div>Content 2<br />
    <img src="CD_seiu_walthoun_070102_012-250px.jpg"
    width="250" height="166" /></div>
    </div>
    <div class="TabbedPanelsContent" id="panel_content3">
    <div>Content 3<br />
    <img src="250px-Kraft_dinner.jpg" width="250"
    height="188" /></div>
    </div>
    <div class="TabbedPanelsContent" id="panel_content4">
    <div>Content 4</div>
    </div>
    </div>
    </div>
    </div>
    <script type="text/javascript">
    <!--
    var tp1 = new Spry.Widget.TabbedPanels("TabbedPanels1");
    var cycler = new TabbedPanelsCycler(tp1);
    //-->
    </script>
    </div>
    </body>
    </html>

  • Help with front panel audio on K9N board.

    Okay, I admit I'm a bit of a moron with front panel audio but I just can't figure out how to configure this board with my case.  Here are the pins:
    Case:
    Mic In
    Mic Bias
    SpeakOut L
    Return L
    SpeakOut R
    Return R
    Ground
    Motherboard:
    PIN    SIGNAL                  DESCRIPTION    
    1    PORT 1L                  Analog Port 1 -Left channel    
    2    GND                  Ground    
    3    PORT 1R                  Analog Port 1 -Right channel    
    4    PRESENCE#     Active low signal -signals BIOS that a High Definition Audio dongle is connected to the analog header. PRESENCE# = 0 when a High Definition Audio dongle is connected.    
    5    PORT 2R                  Analog Port 2 -Right channel    
    6    SENSE1_RETIRN     Jack detection return from frontpanel JACK1    
    7    SENSE_SEND     Jack detectionsenselinefrom the High Definition Audio CODEC jack detection resistor network    
    8    KEY                  ConnectorKey    
    9    PORT 2L                  Analog Port 2 -Left channel    
    10    SENSE2_RETIRN     Jack detection return from frontpanel JACK2    
    I haven't been able to make any sense of the two, so if anyone here can help, I would appreciate it very much.

    Quote from: crazy on 09-June-06, 15:51:46
    You may tell us more information about your mainboard, please give us the detailed name of your mainboard. :D  Then there will be more users could give some suggestions.
    Sorry, there aren't that many K9N boards out there, but mine is the K9N Platinum MS7250 Version 1.0.  It's the AM2 non-SLI nVidia nForce 570 Chipset model.
    Thanks for any help.

  • Fade effect with tabbed panels

    The background image of the tabbed panel flashes before the
    new images fade in from 0% to 100%:
    Demo page
    Sometimes the effect works as intended and fades in
    perfectly...however it consistently resorts to flashing first --
    any ideas how to fix this?

    These code snippet no longer work with the out of box 1.6
    release. any hints on how to work around the initial blink problem?
    Seems like these methods could be better designed.
    I am building the code using the designer and this is my
    tabbed pane:
    <div id="MainTabbedPane" class="VTabbedPanels">
    <ul class="TabbedPanelsTabGroup">
    <li class="TabbedPanelsTab" tabindex="0"
    onclick="Spry.Utils.updateContent('TabbedPanelsContent1','FrontPage.html');MM_effectBlind ('TabbedPanelsContent1',
    1000, '0%', '100%', false)">Home</li>
    <li class="TabbedPanelsTab" tabindex="0"
    onclick="Spry.Utils.updateContent('TabbedPanelsContent2','SchedRates.html');MM_effectAppe arFade('TabbedPanelsContent2',
    1000, 0, 100, false)">Schedule &amp; Rates</li>
    <li class="TabbedPanelsTab" tabindex="0">Program
    &amp; Description</li>
    <li class="TabbedPanelsTab"
    tabindex="0">Retreats</li>
    <li class="TabbedPanelsTab"
    tabindex="0">Bio</li>
    <li class="TabbedPanelsTab" tabindex="0">Studio
    Cats</li>
    </ul>
    <div class="TabbedPanelsContentGroup">
    <div class="TabbedPanelsContent"
    id="TabbedPanelsContent1">Front Page!!!</div>
    <div class="TabbedPanelsContent"
    id="TabbedPanelsContent2">Schedule &amp; Rates</div>
    <div class="TabbedPanelsContent"
    id="TabbedPanelsContent3">Program &amp;
    Description</div>
    <div class="TabbedPanelsContent"
    id="TabbedPanelsContent4">Retreats</div>
    <div class="TabbedPanelsContent"
    id="TabbedPanelsContent5">Bio</div>
    <div class="TabbedPanelsContent"
    id="TabbedPanelsContent6">Studio Cats</div>
    </div>
    </div>
    Likes like there is one sloppy method override as well:
    function MM_effectAppearFade(targetElement, duration, from,
    to, toggle)
    Spry.Effect.DoFade(targetElement, {duration: duration, from:
    from, to: to, toggle: toggle});
    }

  • Reselecting main content tab with tabbed panels

    Hi all,
    Using Tabbed Panels, once a user selects a panel that tab
    remains "selected" until somewhere else in the main content window
    is clicked. What I mean by selected is that it has an ugly dotted
    line around it. Is there anyway to get it so that after a user
    clicks a new tab, the main content window is selected again so that
    the dotted selection line disappears?
    Thanks,
    Erin

    Erin -
    I noticed that too this past week on a project_
    I'm running thru Firefox 2.x on both Mac and PC also IE 6 and
    Safari_
    It seems to be more on an issue with the browsers than it
    does with something either in the Spry code or Dreamweaver itself_
    In Firefox - goto yahoo.com and in the little "in the news"
    tab there is a list of 6 or 7 lines of text [news headlines] Click
    and drag to an empty spot on the page [don;t go off the window]
    then let go and you'll see a "border box" around the text link you
    just messed with_ It's this round of browsers doing it_
    I was messing with some image slices and custom area maps
    custom this weekend this weekend and that got my attention 'cause
    the "outline" of the area map kept showing up when I exported to
    test in a browser and tried them all - did the same thing
    everywhere_

  • Help with Validation Problem Please

    I don't understand this validation and don't know how to fix it. I have checked my other websites and they seem fine. I don't think I have done anything different The link for the website ishttp://www.greenpatchwebsites.com/pow/index.html
    and the validator is http://validator.w3.org/check?uri=www.greenpatchwebsites.com%2Fpow%2Findex.html&charset=%2 8detect+automatically%29&doctype=Inline&group=0
    Please can you help.
    Thank you very much in advance.

    Thanks for that. I have tried it on a new page: http://www.greenpatchwebsites.com/pow/newtest.html and here is the validator :
    http://validator.w3.org/check?uri=www.greenpatchwebsites.com%2Fpow%2Fnewtest.html&charset= %28detect+automatically%29&doctype=Inline&group=0&No200=1- unfortunately loads of errors
    I also tried the recommended template:
    Use the following markup as a template to create a new XHTML 1.0 document using a proper DOCTYPE. See the list below if you wish to use another document type.
    <?xml version="1.0" encoding="utf-8"?>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
            "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
    <head>
         <title>An XHTML 1.0 Strict standard template</title>
         <meta http-equiv="content-type"
              content="text/html;charset=utf-8" />
         <meta http-equiv="Content-Style-Type" content="text/css" />
    </head>
    <body>
         <p>… Your HTML content here …</p>
    </body>
    </html>
    but was getting errors with that. As you can tell, I need serious help with this. Which doc type should I be using
    and why doesn't Dreamweaver just do it for you when you select one?
    Thanks very much again in advance.

  • IFrame-issues with Tabbed Panels

    See for yourself
    (the code may be messy, haven't gone through it yet)

    Perhaps I wasn't clear enough when I phrased the question:
    Does anyone know if iFrames are unsupported when using
    Spry-elements, specifically the Tabbed Panels script? I have to use
    iFrame to embed a my Zenphoto gallery.
    Here's the site WITH iFrame:
    http://hogfem.no/fjordpanorama
    And here's WITHOUT the iFrame:
    http://hogfem.no/fjordpanorama/index2.php

  • Help with Option 3 please

    A week ago I was on Option 1 but due to heavy use my speed was reduced to 15.7k/sec !.I was advised to upgrade to Option 3 which I promptly did and that was done on the 29th(last week).
    My speed though is still 15k/sec and I cannot watch any streaming video or BBC News Channels etc
    Would some kind gentleman please look into it for me and advise.......thankyou
    Solved!
    Go to Solution.

    Hi Pete,
    I am sorry for the delay in getting back to you.  I picked your email up this morning and have dropped you a reply.  I am pleased that you managed to sort this out, if you need any further help just let me know.
    Cheers
    Sean
    BTCare Community Manager
    If we have asked you to email us with your details, please make sure you are logged in to the forum, otherwise you will not be able to see our ‘Contact Us’ link within our profiles.
    We are sorry that we are unable to deal with service/account queries via the private message(PM) function so please don't PM your account info, we need to deal with this via our email account :-)

Maybe you are looking for