Spry tabbed panels - Different Hover Class for each tab

Already posted this in the general Dreamweaver section, but just realized there was a specific Spry section. So, my apologies for the repost.
I'm setting up spry tabbed panels, and I'm wanting to use an image for each tab, with the text already on it. I've figured this much out by creating a different class for each in the spry tabbed panel css.
However, I'd also like to have a second hover image for each tab. I'm having trouble figuring out how to set up separate classes for each tab's hover state.
Any help?
Thanks.

Just in case you did not notice the announce at the top of this forum's main page, I have copied it here.
Announcement: New to Spry, or  the Spry forums?
Hide Details
Before you post a topic please verify  that:
You  are using the latest Spry files
The latest version of  the Adobe Spry Framework is 1.6.1, this is the same version that ships  with Dreamweaver CS4. If you use Dreamweaver CS3 (uses Spry 1.4), its  wise to upgrade your files to the latest version. This can easily be  done using the Spry Updater that can be found here.
Your  question was not asked before
Using the search  functionality on forums you can easily find out if your question has  been answered before. While you are in search, you can specify the  search locations. The Spry forum can be found under:
Adobe  Labs > Spry Framework for Ajax
Yoru question can not be  found in the existing documentation
Spry provides you  with allot of documentation this can found on different locations. In  the sidebar of this forum you can find a small summary of resources that  will help you on your way.
If these options do not apply to your question,  please be so kind to also supply the following information in your topic  together with a clear description of your issue:
What  browsers does this issue occure:
example: Internet Explorer 8 on  Window 7 and Firefox 3.0 on Mac OSX
What version  of Spry are using:
example: Spry 1.6.1 ( the version number can  be found in license header of the .css and .js files )
What  is the url of your website or page in issue:
example: http://www.example.com/page/in/issue.html
Step  to reproduce the issue:
example: Scroll down till you find the  header "help", there you will see a Spry Accordion. When you click on it  it will not open or close.
So users can provide you with a  better answer, without having to ask you for further details.
by Arnout Kazemier at Oct 23, 2009 2:47 PM                        
landon_tc wrote:
Actually, I do remember posting that, and have updated it with what worked for me. However, I could not recall posting it in a specific ajax spry forum, so I assumed I just posted in the general forum. Hence the current situation.
Yeah and my name is not Ben Pleysier.
landon_tc wrote:
Any help with the current problem?
Please have a look at this thread http://forums.adobe.com/message/2662019#2662019
I hope this helps.
Ben Pleysier

Similar Messages

  • Is there a way to automatically change tabs with different times set for each tab?

    I found a few add-ons that will automatically change tabs based on a configurable time. But all the tabs use the same time setting. What I need is the ability to have tabs displayed for different amounts of time. Ex, Tab 1 for 30 seconds, Tab 2 for 10 seconds, Tab 3 and 4 for 5 seconds. Ideally, I will have the ability to modify these settings as the amount of tabs and the content will change a couple times a week.
    Currently I'm using Tab Slideshow with each tab displayed for 15 seconds. But it sounds like Tab Rotate and Auto Toggle Tabs essentially do the same. If there is already a solution that would be great but if not is there someone available for hire to help modify one of the existing add-ons? Thank you in advance for your time.
    John

    Currently Firefox don't have any options like that.
    You can ask the Addon developers
    *http://addons.mozilla.org/

  • If I have multiple tabs, the history is not for each tab, so if I drop down it shows history from other windows too, possibly eliminating all history for the current window. How do I get each tab separate?

    The drop down list when the History menu option is clicked, has only provided history information for the tab currently being used. (You could go to all history of course and it was cumulative). It is now showing cumulative history for all tabs including for other Firefox windows if I have more than one copy running.
    Is there an option to separate the histories for each tab again?
    I do not know if this is because of Windows 7. This computer is new as my previous one was stolen and they no longer sell XP versions or Vista versions.
    Mozilla/5.0 (Windows; U; Windows NT 6.1; en-US; rv:1.9.2.8) Gecko/20100722 Firefox/3.6.8
    Windows 7 build 7600 - all updates current.
    My e-mail is [email protected]

    I use that add-on. Works great.

  • Spry Accordion Widget | Different Rollover Colour On Each Tab

    Hi... I hope someone out there can help me.
    I've used the Spry Accordion function to create collapsible panels. Presently, each tab is white. I can get the background colour to change on rollover, but ideally wanting each tab to display a different colour.
    I recognise that this will require some CSS, but unsure of how to set this up.
    Example, tab one would be:
    .AccordionPanelTab {
    background-color: #CCCCCC;
    border-top: solid 1px black;
    border-bottom: solid 1px gray;
    margin: 0px;
    padding: 2px;
    cursor: pointer;
    .AccordionPanelTabHover {
    color: #555555;
    How can I easily incorporate the different rollover colours for the each tab (2, 3, 4 etc.) without having multiple css and js files? Needs to work in IE8!
    Thanks in advance.

    If you want to follow what I am going to say, please create a new document with a SpryAccordion as the only bit of code. Then view the document in SPLIT and LIVE and LIVE CODE as in
    Now HOVER over the labels, do not click and see what happens to the markup. Hovering over the labels will add a class of AccordionPanelTabHover to the respective element. Also notice the classes of AccordionPanelOpen and AccordionPanelClosed. See below
    What the original code does not have is a way to identify or target individual tabs. In your example you have done that by changing AccordionPanelTab to AccordionPanelTab1 etc. Personally I would not do that. I would keep the original classes in tact and add a unique class like Tab1 etc. That way we will not touch the original CSS, adding our own overriding style rules.
    If you look at the following code we have done exactly that. Notice the lack of a space between some of the selectors, this is because they are contained within the one element.
    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Untitled Document</title>
    <script src="SpryAssets/SpryAccordion.js" type="text/javascript"></script>
    <link href="SpryAssets/SpryAccordion.css" rel="stylesheet" type="text/css">
    <style>
    .AccordionPanelOpen .AccordionPanelTab {
        color: #FFF;
    .AccordionPanelOpen .AccordionPanelTab.Tab1, .AccordionPanelOpen .AccordionPanelTab.Tab1.AccordionTabHover {
        background-color: #900;
    .AccordionPanelOpen .AccordionPanelTab.Tab2, .AccordionPanelOpen .AccordionPanelTab.Tab2.AccordionTabHover {
        background-color: #960;
    </style>
    </head>
    <body>
    <div id="Accordion1" class="Accordion" tabindex="0">
      <div class="AccordionPanel">
        <div class="AccordionPanelTab Tab1">Label 1</div>
        <div class="AccordionPanelContent">Content 1</div>
      </div>
      <div class="AccordionPanel">
        <div class="AccordionPanelTab Tab2">Label 2</div>
        <div class="AccordionPanelContent">Content 2</div>
      </div>
    </div>
    <script type="text/javascript">
    var Accordion1 = new Spry.Widget.Accordion("Accordion1");
    </script>
    </body>
    </html>
    If you paste the above code into a new document and view it as described above, have a look at where the classes appear as you hover over the elements.

  • Navigation bar different colors for each tab

    I want to have the top horizontal navigation bar with different background colours for each tab on the bar.
    I don't want to change the background colour for the entire navigation bar.  How do I change them individually?
    thanks!

    Hi lorrscorpio,
    As far as I know it is difficult to change background color of top navigation link OOTB, better to create a html menu for that and add it to your page .In that you can easily change background color of your top navigation link.
    Whenever you see a reply and if you think is helpful, click &quot;Vote As Helpful&quot;! And whenever you see a reply being an answer to the question of the thread, click &quot;Mark As Answer

  • How to use the different class for each screen as well as function.

    Hi Experts,
    How to use the different class for each screen as well as function.
    With BestRegards,
    M.Thippa Reddy.

    Hi ThippaReddy,
    see this sample code
    Public Class ClsMenInBlack
    #Region "Declarations"
        'Class objects
        'UI and Di objects
        Dim objForm As SAPbouiCOM.Form
        'Variables
        Dim strQuery As String
    #End Region
    #Region "Methods"
        Private Function GeRate() As Double
                Return Double
        End Function
    #End Region
    Public Sub SBO_Appln_MenuEvent(ByRef pVal As SAPbouiCOM.MenuEvent, ByRef BubbleEvent As Boolean)
            If pVal.BeforeAction = True Then
                If pVal.MenuUID = "ENV_Menu_MIB" Then
                End If
            Else ' Before Action False
                End If
        End Sub
    #End Region
    End Class
    End Class
    Rgds
    Micheal
    Vasu Anna Regional Feeling a???? Just Kidding
    Edited by: micheal willis on Jul 27, 2009 5:49 PM
    Edited by: micheal willis on Jul 27, 2009 5:50 PM

  • How to insert more items for each tab in WAD  7.0

    Hello to everyone,
    My problem is confined to the WAD 7.0
    I would like to insert 4 different queries into a new Web Template.
    Two of them have to stay in one page and the others in one page each; therefore, the result would be a Web Template with three tabs.
    Unfortunately the system creates automatically four different tabs with one query each.
    Anybody knows how to insert more items in one page/tab?
    Thank you very much
    Savino Pompa

    Hi Savino
    In the WAD bring up the properites of the tabstrip_container web item, under the Internal Display group in the Tab Panel List, create 3 tabs, then drag 3 contatiner_layout web items into the tab web item.
    In each conatiner item drag the analysis web item, 2 in the first container, then 1 each for the others, then point each analysis web item at a dataprovider(query).
    Setup the contatiners so that the analysis items displays, to do this in the container properties create a row then on the following screen a column and then set the Subordinate web item to the analysis item, these web items control layout and are useful for dealing with multiple web items, for the first tab with 2 queries you will need to play with the layout, either 1 row 2 column or 2 row 1 column.
    For each tab you created add the corresponding contatiner as the Subordinate Web Item in the Tab Panel parameters for each tab.
    Hope this helps
    Josh

  • Using Lockbox want to hit different GL account for each payment

    Hi Everyone,
    Currently, we have lockbox up and running for credit card payments from third party system and hitting cash account in Oracle.
    I want to implement one more payment mode for e.g. ACH, which will hit differed revenue account in Oracle.
    1. Now, as the current lockbox is hitting cash, I didn't left with any other option but I ended up setting up new lockbox with deffered revenue account attached to it. Here correct me if I am wrong with my understanding. Can one lockbox hit different GL account for different payment mode like Cash account for Credit Card and Differed Revenue account for ACH?
    2. With my assumption from point 1 that I have to create new one for different GL account, I created new lockbox and added lockbox number in transmission format, control file and in data file. After that launched lockbox program for each lockbox number with understanding that each lockbox program will pick up its own payment records based on lockbox nubmer in datafile and process it. But what happened is that first lockbox program processed its own record and also another lockbox number records and finally, its processed its own way of hitting cash account. So again payments hit cash accounts, where my expectation was that each lockbox will pick up its own lockbox number record and hit it to respective GL account i.e. cash and deffered revenue.
    Why one lockbox processed another lockbox number records also from same file?
    How to achieve this? I dont want to make two seperate data file for each lockbox number, but want to process from one single data file.
    Please update me ASAP as I need to freeze the requirement at the earliest.

    I suggest you to create a Dummy Materials. Lets say,
    material number: 1001
    enter material description as Domestic
    material number: 1002
    enter material description as Imports
    and in OBYC for GBB
    make the following settings:
    val grp      gen mod    val cla      gl a/c dr     gl a/c cr
    0001     VBR     4000     74180040     74180040
    0001     VBR     4001     78020091     78020091
    so that when u create PO u can get default GL (consumption GL )  for the material (u can use the same for material group also) and u can maintain WRX acc determination as follows ..
    val grp   val cla    gl a/c dr   gl a/c cr
    0001      4000     123456     123456
    0001      4001     456789     456789
    Thus u need to create 2 different valuation class for these material group specific and in PO while entering the text u can add the text which is displayed along with material description
    hope this helps

  • Can Firefox 6 be configured to remember more than 5 prior pages for each tab so that the "go back one page" feature will allow me to retrace my steps as many as 20 pages back?

    Before Firefox 5, the "go back one page" history would show 10 or more prior pages for each tab, so that I could go back quite a way in retracing my browsing steps. With Firefox 5.0.1 and 6, however, the list of prior pages seems to have been capped at 5. I would like to configure Firefox to remember 20 or 25 prior pages for each tab. Is there any way to do that?

    (1) Firefox's built-in post-crash page has not been a real HTML page for a long time (for example, from the time of Firefox 22, see: [https://support.mozilla.org/en-US/questions/968212 Want to save LOTS of versions of "Restore Session.xht" from the "oops ..." page for later use]). If you had this working differently with Firefox 25, that might have been created by an extension.
    You can check to see whether extensions are disabled or need an update on the Add-ons page. Either:
    * Ctrl+Shift+a
    * orange Firefox button (or Tools menu) > Add-ons
    In the left column, click Extensions. The disabled extensions cluster toward the bottom of the list. To poll for updates, use the "gear" button above the list and choose Check for Updates.
    If you used the Reset feature (or Firefox automatically did a reset due to some problem during upgrading), you will need to reinstall missing extensions. The reset feature creates a folder on the desktop named Old Firefox Data. Do you have that folder? There may be data you can recover from it.
    (2) There are many ways for history to get cleared, both internal to Firefox and external. Could you double-check your Privacy settings?
    orange Firefox button (or Tools menu) > Options > Privacy
    * The "Firefox will" drop-down says Remember History: Firefox shouldn't be clearing history, but an add-on or external software could do it
    * The "Firefox will" drop-down says Use custom settings for history: inspect the "Clear history when Firefox closes" setting to make Firefox isn't set to clear history. Also check your add-ons and consider external software.
    Firefox normally accumulates months of history. However, some of Firefox's database sizes are based on disk space available. If your hard drive is very full, Firefox might reduce the amount of history stored.

  • How do I set up different icloud accounts for each family member and make them able to access them on our common mac using their user name on the mac.  I am doing this to make sure kids don't get access to our messages.

    We have several apple products in the family.  I would like to set up different icloud accounts for each memeber.  I lately noticed having activated different devices with same icloud account that each device can access everyones messages by going in their settings and clicking which number or email they want to use to see messages.  Let me make sure I am understood, on my sons ipod in his messages settings he can switch to my cell number and see all my messages.  Re setting the devices isn't my great issue but can i set up each kids user account on my mac to their individual icloud accounts?
    Thanks!

    Any devices connected to the same icloud account can sync all the data on that account.  For this reason an icloud account is really for a single user.
    On a mac, if each user has their own account, then the itunes for that mac account should be set up to connect to that user's icloud account (System preferences>icloud).

  • How to create different log files for each of web applications deployed in OC4J

    Hi All,
    I am using OC4J(from Oracle) v1.0.2.2 and Windows2000. Now I want to know
    1. how to create different log files for each of my deployed web applications ?
    2. what are the advantages in running multiple instances of oc4j and in what case we should run
    multiple instances of OC4J ?
    3. how to run OC4J as Windows2000 Service rather than Windows2000 Application ?
    Thanks and Regards,
    Kumar.

    Hi Avi,
    First of all I have given a first reading to log4j and I think there will some more easy way of logging debugging messages than log4j (If you could provide me a detailed explanation of a servlet,jsp,java bean that uses log4j and how to use log4j then it will be very helpful for me). The other easy ways (if I am not using log4j) to my problem i.e creating different log files for each of web applications deployed in oc4j are
    I have created multiple instances of OC4J that are configured to run on different ports and so on each instance I have deployed a single web application . And I started the 2 oc4j instances by transferring thier error/log messages to a file. And the other way is ..
    I have download from jakarta site a package called servhelper . This servhelper is a thread that is started in a startup servlet and stopped in the destroy method of that startup servlet. So this thread will automatically capture all the system.out.println's and will print those to a file. I believe that this thread program is synchronized. So in this method I need not run multiple instances of OC4J instead each deployed web application on single instance of oc4j uses the same thread program (ofcourse a copy of thread program is put in each of the deployed web applications directories) to log messages on to different log files.
    Can you comment on my above 2 approached to logging debugging messages and a compartive explanation to LOG4J and how to use LOG4J using a simple servlet, simple jsp is appreciated ...
    Thanks and Regards,
    Ravi.

  • How to create two different implementation class for a Control

    Hi,
    I am a newbie to beehieve. I want to know that is it possible to create two different 'Impl' classes for a Control. If yes then how do we instantiate them ? How can we chain them (something like calling one 'Impl' from the other one? Thanks in Advance!!!
    Regards,
    Abhishek

    You are sure you are in the right forum?
    This is the JDeveloper and ADF forum...
    Timo

  • HT5622 How do I change the Apple id against a certain telephone number?  I have two iPhones and wish to use a different Apple id for each and confused as to how I do this?

    How do I change the Apple id against a certain telephone number?  I have two iPhones and wish to use a different Apple id for each and confused as to how I do this?

    Create a new Apple ID for the second phone. If you are setting the phones up as new phone enter the ID you want to use on each phone.
    If both phones are already signed in to one Apple ID then use the settings app to change Apple IDs on one phone.
    Settings > iTunes and App Store > tap on the Apple ID > sign out > sign in with alternate Apple ID.
    Note that if you have downloaded apps with the original Apple ID on the phone with the new Apple ID, those apps will still be associated with the old Apple ID and will require the old ID and password in order to update them.

  • HT204053 Do I need a different Apple ID for each of my Apple computers?

    Do I need a different Apple ID for each of my Apple computers?

    Welcome to the Apple Support Communities
    If all of those Macs are for your use, you have to use the same Apple ID on all of them, so you will be able to use all the applications and songs purchased with your Apple ID on them, apart from your iCloud information, in case you have an iCloud account

  • Do I need a different apple id for each device? I have two iPads and an iPod but can only purchase things on the first one. When I go to verify the questions they say they are wrong.

    Do I need a different apple ID for each device I have? I have two iPads and an iPod but I can only make purchases with the first one I purchased. It tells me the security questions are wrong but I know they are not because I wrote them down. I have also reset them and my password once. Please help if you can

    You can not login into iTunes or the App Store using VPP credentials. You must purchase all apps/book/etc.  from the VPP website. Then you can redeem the codes thru itunes/app store or import the codes thru apple configurator. Here is the url for the VPP website: https://volume.itunes.apple.com/WebObjects/MZFinance.woa/wa/login?cc=us
    (It will not affect any of the apps you already have but the id can only be used for VPP.)
    Cheers,    
             Alec

Maybe you are looking for