Changing the down state color of the Tab Bar

This is probably an easy one.
I have a tab bar that controls my viewstack. I created a new
css to modify the tabbar colors. This works just fine. I have
wonderful purple and white tabs...But when I click a tab it is
using the default blackish/green color and I can not figure out how
to change it.
Anyone know how to do this?

Adobe Newsbot hopes that the following resources helps you.
NewsBot is experimental and any feedback (reply to this post) on
its utility will be appreciated:
mx.containers.ViewStack (Flex 3):
A ViewStack navigator container consists of a collection of
child containers stacked on top of each other, where only one child
at a time is visible.
Link:
http://livedocs.adobe.com/flex/3/langref/mx/containers/ViewStack.html
ViewStack - Flex 3 Getting Started - Adobe Learning
Resources:
Download Projects · Flex 3 LiveDocs ·
Flex 3 Component Explorer ... A ViewStack is a navigator container
that contains other child containers stacked on top
Link:
http://learn.adobe.com/wiki/display/Flex/ViewStack
mx.containers.ViewStack (Flex 2 Language Reference):
What am I missing? mpeterson said on Aug 6, 2007 at 6:21 AM
:. You can use the change event of the ViewStack. -Mike Peterson
Flex doc team
Link:
http://livedocs.adobe.com/flex/2/langref/mx/containers/ViewStack.html
Flex Snippet Tutorial - View Stack Component:
A small tutorial on how to use a Flex ViewStack alone and
with a LinkBar.
Link:
http://blog.paranoidferret.com/index.php/2007/08/06/flex-snippet-tutorial-view-stack-compo nent/
Creating a ViewStack container -- Flex 2.01:
You use the < mx:ViewStack > tag to define a ViewStack
container, and you define the child containers in the tag body. You
use the following properties of
Link:
http://livedocs.adobe.com/flex/201/html/navigators_066_04.html
Tag Archive for viewstack at Flex Examples:
The following example shows how you can use a timer to change
the selected index in a Flex ViewStack container. Full code after
the jump.
Link:
http://blog.flexexamples.com/tag/viewstack/
Disclaimer: This response is generated automatically by the
Adobe NewsBot based on Adobe
Community
Engine.

Similar Messages

  • How can I create a navigation bar in the template so I can change the down state of a button on a page made from the template in DW3?

    We're creating pages from a template in DW3. The template includes a header, footer and a navigation bar. We've made the navigation bar an editable region so that we can change the down state of the buttons on pages where it is required. However, when we make a new page from the template and try to change the behaviors of the buttons in the navigation bar it will not allow us to make those changes. 

    Have you considered using CSS styled text/list menus instead of image rollovers.  It isn't hard really and it's actually a much better choice for   web accessibility and for search engines to find and follow your links.   Here are some links to several CSS menu systems you can try:
    CSS Express Drop-Down Menus (tutorial)
    http://www.projectseven.com/tutorials/navigation/auto_hide/
    CSS Tab Designer creates 60+ CSS Styled Button and Tab Menus  (download)
    http://www.highdots.com/css-tab-designer/
    List-O-Rama  (DW Extension)
    http://www.dmxzone.com/go?5618
    CSS  Menu Maker (On-Line Menu Generator)
    http://www.cssmenumaker.com/
    Pop-Menu  Magic2 by PVII (DW extension purchase)
    http://www.projectseven.com/products/menusystems/pmm2/index.htm
    Nancy O.
    Alt-Web Design & Publishing
    Web | Graphics | Print | Media  Specialists
    www.alt-web.com/
    www.twitter.com/altweb
    www.alt-web.blogspot.com

  • How do you make the down state last a few seconds?

    I have an assignment due next week where you click something and a little text box pops up telling you what that item is. I also made it so the item changes colour.
    However, right now I've just got it so that you hover your cursor over it, it fades a bit, then you click it and it changes colour and the textbox shows up. The textbox and colour doesn't stay for a few seconds; you need to hold your mouse over it to make it stay.
    So, in short, I want it so the down state stays for a few seconds and then goes back to normal.
    I downloaded and installed the Flash CS6 trial to complete this, and I'm not sure if it's limited.
    At College they only have CS5.5, so I can't use any tools that go beyond CS5.5.
    I 'have' Flash CS5.5 but that was on my old computer (Which broke) and I'm waiting for my new one to come.

    How I would do it...
    1) make 2 seperate MC, one is the buttonMC (convert it to button symbol and just leave the hit spot)  and another is the buttongraphic (a movieclip) itself
    2) animate the buttongraphic (the MC), lets say frame one is its original state, frame two is how the hit/click would look like and frame ten is how it would look like when hover. that give you 10 frames for animation for each action
    3) name the button instance "button" and the graphic "gaphic"
    4) on the button, give it this code:
    on(press) {tellTarget("graphic") {gotoAndPlay(2);}}
    on(rollOver) {tellTarget("graphic") {gotoAndPlay(10);}}
    Hopefully this will help you out.

  • How to change the Hyper links color in the XML form

    HI SDNs
    Do u have any idea how to change the hyperlink color in the xml form. My requirement is as follows.I have created xml form by using xml template and i displayed this xml form by using Km document iview.  I need tochange the hyper link color in the xml form content. I dont want to go for manual process by editing the xml form. because i have several hundreds of xml forms.
    Appreciate if you give suggestion.
    Thanks
    Ramana

    Hi Ramana,
    The most convenient way to change the hyper links is by using the Theme Editor. Go to System Administration --> Portal Display --> Select Theme --> Component-Specific Styles --> Links --> Function/Result Link.
    Hope this helps.
    Kind regards,
    Joost

  • How to change the selection background color of the selected item in the popup menu of the choice box ?

    How to change the selection background color of the selected item in the popup menu of the choice box ?
    By defaut, the selection background color likes "blue", but if I want it to be "yellow" for example, how should I do ?
    Thanks

    The id is applied by (I think) the skin class of the ChoiceBox. You don't need to define it.
    You have to apply the css in an external style sheet. You can apply the external style sheet to any parent of your choice box, or to the scene (the most usual way to do it).
    Example:
    import java.util.ArrayList;
    import java.util.List;
    import javafx.application.Application;
    import javafx.scene.Scene;
    import javafx.scene.control.ChoiceBox;
    import javafx.scene.layout.VBox;
    import javafx.stage.Stage;
    public class ChoiceBoxTest extends Application {
      @Override
      public void start(Stage primaryStage) throws Exception {
        primaryStage.setTitle("Example 2");
        final ChoiceBox<String> choiceBox = new ChoiceBox<>();
        List<String> tempResult = new ArrayList<String>();
        for (int i = 0; i < 10; i++) {
          tempResult.add("Item " + i);
        choiceBox.getItems().setAll(tempResult);
        VBox root = new VBox();
        root.getChildren().add(choiceBox);
        final Scene scene = new Scene(root, 300, 250);
        scene.getStylesheets().add("choiceBox.css");
        primaryStage.setScene(scene);
        primaryStage.show();   
      public static void main(String[] args) {
        launch(args);
    choiceBox.css:
    @CHARSET "UTF-8";
    #choice-box-menu-item:focused  {
    -fx-background-color: yellow ;
    #choice-box-menu-item .label {
    -fx-text-fill: black ;
    Message was edited by: James_D

  • Color Correction Effect: "Change color to" change more that one color in the same clip(pp Cs4)

    Hi all, I have watched and tried some tutorial to achieve this. My question though is how to change more than one color in the same clip. I'm asking because when I tried I had no problem to "color pick" one shade of my (Rock face) and turned it into a natural color picked from a good clip. But I was left with all the other shades to work on and if I repeated the procedure (pick the next destination color to replace) it cancelled my previous change so it seems that I can change only one color... I must be doing something wrong.

    Wow! I did play a few other Youtube 3 color correction, but this one is so good and comprehensive. I did also like RGB curves tutorial. I don't know if all this is appropriate for my 1983 VHS clip nearly all green (I probably had the wrong white balance). What I achieved so far is not very good but I think much more watchable than all green! Than You again  for this . I do also realise these guys are expert and still they have to use lot trials and errors and various techniques before getting what they want. I do appreciate their generosity to make some of their knowledge available to all of us.

  • Elements 9 - How can I customize the look and color of the organizer and edit screens?

    Re: Elements 9 -
    How can I customize the look and color of the organizer and edit screens?
    I recall doing it initially but can't find any place to redo it.

    Unless you did it in pse7 or pse 8, then you really can't change the interface colors in pse 9 or pse 10.
    The only color you can easily change in the interface of the editor is the padding color around the document by right clicking outside the document bounds.

  • The DELETE statement conflicted with the REFERENCE constraint "FK_Equipment_Assets". The conflict occurred in database "WorkOrderSystem", table "dbo.Equipment", column 'AssetCode'........can someone give me a solution for this Error.

    The DELETE statement conflicted with the REFERENCE constraint "FK_Equipment_Assets". The conflict occurred in database "WorkOrderSystem", table "dbo.Equipment", column 'AssetCode'

    ya that's true row is referenced by another table.....but i want the row to referred by another table ,I don't know how to fix it
    Actually this is not a C# issue. It is a T-SQl issue.
    https://social.msdn.microsoft.com/Forums/sqlserver/en-US/home?forum=transactsql
    The above link should be posted.
    Per my understanding, first you should
    delete the record from the Foreign Table and then after you have to delete the record from the Primary Key table
    Hope it helps you.
    Best regards,
    Kristin
    We are trying to better understand customer views on social support experience, so your participation in this interview project would be greatly appreciated if you have time. Thanks for helping make community forums a great place.
    Click
    HERE to participate the survey.

  • I want to print or export (PDF) a design with a indication of the used pantone colors without the separations so that our customer can see them (not CMYK)

    Before i used CS illustrator i was able to indicate the used pantone colors on a print or PDF with coreldraw.
    Can anyone tell me how to make such a print with CS6.
    My clients have to see the used Pantone colors in the design (not CMYK)

    Add your spot colors to your swatches panel (Window> Swatch Library> Color Books> Pantone+ Solid Coated>)
    In the fly-out menu on the swatches panel, select all unused swatches and delete. Also delete any unused swatch groups.
    File> Document set-up> make the bleed .5".
    Use the type tool to indicate the spot colors on the outside edge of the bleed area, make the type color match the indicated spot color.
    Save as PDF. This PDF printed with bleed will show the spot colors. Alternately, you could select "add crop marks and color bar" in the print settings, which should also indicate the spot colors.
    In InDesign you can add a Slug area to your page, where the spot colors would typically be added.

  • How to check the number of colors in the file???

    How to check the number of colors in the file ai ???

    The Recolor Artwork tool will list all colors used in a document and the flyout menu in the Swatches panel also provides tools for managing colors.
    Mylenium

  • Re: Elements 9 - How can I customize the look and color of the organizer and edit screens?

    Re: Elements 9 -
    How can I customize the look and color of the organizer and edit screens?
    I recall doing it initially but can't find any place to redo it.

    Rorbie I would recommend posting your inquiry to the Photoshop Elements forum.

  • SQL error msg - The DELETE statement conflicted with the SAME TABLE REFERENCE constraint

    Executed as user: ****. The DELETE statement
    conflicted with the SAME TABLE REFERENCE constraint "FK_PARENT_TASK_REF".
    The conflict occurred in database "****", table "****", column
    'PARENT_TASK_ID'. [SQLSTATE 23000] (Error 547) The statement has been
    terminated. [SQLSTATE 01000] (Error 3621). The step failed.
    Does this error msg indicate the whole script failed to execute or was it just a single step/task that failed ?
    What does error msg mean ?
    Anyway to prevent this error msg and ensure script runs successfully

    Hi mdavidh,
    This error occurs because the record  'PARENT_TASK_ID' was referenced by 'FK_PARENT_TASK_REF'.
    Please refer below codes:
    CREATE TABLE MyTable (
    ID INT, primary key(ID), -- primary key
    ID_Parent INT foreign key(ID_Parent) references MyTable(ID), -- foreign key reference the same table
    insert into MyTable(ID,ID_Parent)
    values(0,0);
    insert into MyTable(ID,ID_Parent)
    values(1,0);
    insert into MyTable(ID,ID_Parent)
    values(2,0);
    insert into MyTable(ID,ID_Parent)
    values(3,1);
    insert into MyTable(ID,ID_Parent)
    values(4,3);
    insert into MyTable(ID,ID_Parent)
    values(5,4);
    CREATE TRIGGER MyTrigger
    on MyTable
    instead of delete
    as
    set nocount on
    update MyTable set ID_Parent = null where ID_Parent in (select ID from deleted)
    delete from MyTable where ID in (select ID from deleted)
    Now we could delete records.
    delete from MyTable where ID_Parent=0
    Thanks,
    Candy Zhou

  • Is it possible to change the selectedTab text color in SPRY Tabs?

    Was working with SPRY tabs and the client would like the font color to change to white on roll over and select.
    Is this possible through simply adding a single line of code to the css file of the SPRY file under
    .TabbedPanelsTabSelected {
        height: 46px;
        width: 168px;
        background-color: #a7b9c3;
        color: #f7f7f7;
    as you can see I already attempted to change the color and wasn't able to achieve the results on
    http://ebnerproductions.com/index22.html
    If it is possible, awesome, if not, I will replace with rollover images to get the desired result.
    Adam Ebner
    Thank you again to everyone in the forum as you have all helped me big time in the last couple of days!!!!!

    I've gone through the coding now for a couple of days and still cannot get the font color to change on select.
    I tried to inserted the recommended
    <style>
    .TabbedPanelsTabSelected,
    .TabbedPanelsTabHover {
         color: #FFF;
    </style>
    coding that was offered earlier, and it did nothing....
    here is the CSS for my tabbed panels... PLEASE LET ME KNOW WHAT I HAVE DONE WRONG, OR FORGOT!!!!
    site is ... http://ebnerproductions.com/index22.html
    Here is the Spry css ....
    @charset "UTF-8";
    /* SpryTabbedPanels.css - version 0.4 - Spry Pre-Release 1.6.1 */
    /* 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: 810px; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
        position: absolute;
        left: auto;
        top: auto;
        color: #666;   
    /* 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;
        width: 840px;
        color: #666;
    /* 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: 0px;
        float: left;
        padding: 0px;
        margin: 0px;
        list-style: none;
        -moz-user-select: none;
        -khtml-user-select: none;
        cursor: pointer;
        height: 41px;
        width: 158px;
        outline:none;
        text-align: center;
        font-family: Archer-Medium-Pro.otf;
        font-size: 1.4em;
        font-weight: normal;
        color: #666;
        font-style: normal;
        padding-top: 8px;
        -moz-border-top-right-radius: 8px;
        -moz-border-top-left-radius: 8px;/* for older versions of Firefox) */
        -webkit-border-top-right-radius: 8px;
        -webkit-border-top-left-radius: 8px;/* for older versions of Safari and Chrome */
        border-top-right-radius: 8px;
        border-top-left-radius: 8px;/* Newer browsers */
    /* 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: #EEE;
        color: #FFF;
        width: 158px;
        outline:none;
    /* 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 {
        height: 41px;
        width: 158px;
        background-color: #a7b9c3;
        font: Archer-Pro-Medium;
        color: #FFF;
        outline:none;
    /* 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: #666;
        text-decoration: none;
        outline: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;
        background-color: ;
        outline:none;
    /* 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: 0px;
    /* 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;
    /* 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;
    Thank everyone again for all the help!

  • How do you change the bottom state colors in CC?

    I am about to pull my hair out. I have been using Muse for 2 years and I guess there has been an update or bug. I added a horizontal nag bar, but I can't seem to find the menu or "pop up" box to change the colors of the menu states. I can't launch this site. I am in my master clicking on everything trying to get that box that allowed you to click on the state and bring up the color palate?
    Any takers?

    1. Choose a menu item.
    2. Select the different states in the left corner of the upper command strip or in the "states"-panel.
    3. Choose the fill color for every state in the upper command strip.
    You write "I have been using Muse for 2 years and I guess there has been an update". There have been many updates since in this 2 years. Zhe current version is "2014.2".

  • Is there a way to change the WHITE background color of the photo gallery/COLLECTIONS to BLACK.  IPad 4 ios 7

    As a Professional Photographer, I chose to buy an IPad 4 for only one reason and that was the amazing color and clarity of the Photo Gallery as a mobile Portfolio.
    Originally the background color of the IPad 4 Gallery was BLACK and this facilitated the photos greatly, photos look better and stand out better on a BLACK background. White backgrounds cause a glare eminating from the edges of the photo and cause iris in our eyes to close down, degrading the quality of the photo being viewed.
    I updated to ios 7 and now my IPad 4 has a WHITE background, which is unacceptable for viewing photos.
    HOW DO I CHANGE the WHITE background on the Photo/Gallery/COLLECTIONS to BLACK?
    Apple should ALWAYS give USERS/OWNERS of their products control of such details. IT'S JUST GOOD CUSTOMER SERVICE!

    Vancouver22  Thanks for your help... the SLIDESHOW turned black for me automatically when the slideshow began. That works most excellent!
    Now if I can just get the White Background to STAY BLACK, this might not be as painful as I feared.
    My IP4 does lag slightly, but not enough to set fire to it yet.
    The gallery/COLLECTIONS/ALBUMS are the most important thing to me.
    Thanks!
    Jon Dize aka DIZEMAN   (Not quite BATMAN, but whatchagonnado?}
    [email protected]
    http://dizeman.com/  (Bio)
    http://dizeman.com/rock&roll/   (Rock Stars Clients/Subjects)
    http://dizeman.com/glamour/    (Playboy Centerfold Shoots)
    http://dizeman.com/thisnthat/   (Just stuff I shot on the way to stuff to shoot.)

Maybe you are looking for

  • 10.6 OD Archive - Import to 10.5.8 Server

    Hi Guys We've recently had our 10.6.4 server crash and we're trying to restore the LDAP Archive to a spare 10.5.8 XServe. I don't think it can be done with lower versions so can anyone suggest a method we can go about this without losing passwords? W

  • How to deploy SCOM Dashboard solution to sharepoint online

    i have come through many articles saying how to deploy scom dashboard solution to sharepoint server, but how do i deploy SCOM WSP solution to sharepoint online office 365. i need to show my SCOM dashboards on sharepoint online. Can anyone help me in

  • Youtube iPad Performance

    I have a problem with youtube performance in either the youtube app or via the website. The load time of the video is considerably slower than on my iMac, for example a 3 minute youtube video could take up to 10 minutes to load. The iPad is connected

  • I have problem with iphone 5 camera

    I take a photo with flash or record video with flash photo or video quality it's very bad pic or video colors it's not brigth

  • Replace function - special characters

    Hi All,        If my column is encountering special characters I would like to replace with blank. Special characters may vary from record to record. Sometimes it is @ sometimes $,!,,$,^,<,&,<,>,?,",{,},+,_,),(. Do we have any function same like repl