3 Replies Latest reply on Apr 13, 2009 1:38 PM by Handycam

    Toggle button bar without borders?

    Handycam Level 1
      I cannot specify in css to either turn off the border around the buttons in a ToggleButtonBar, or even to have a simple solid color border (so I can match it to the background and have it appear to not be there).

      It always has a gradation, even if I specify a color.

      Basically, I am trying to have a TBB with labels and labels only, no visible "buttons" per se. I can do this all except for the stupid border. Any ideas?
        • 1. Re: Toggle button bar without borders?
          Handycam Level 1
          I wound up "faking" it by just skinning the buttons with a solid color PNG file. But I'd still like to just specify a solif border.
          • 2. Re: Toggle button bar without borders?
            Level 7

            "Handycam" <webforumsuser@macromedia.com> wrote in message
            news:gqto5a$dj0$1@forums.macromedia.com...
            >I cannot specify in css to either turn off the border around the buttons in
            >a
            > ToggleButtonBar, or even to have a simple solid color border (so I can
            > match it
            > to the background and have it appear to not be there).
            >
            > It always has a gradation, even if I specify a color.
            >
            > Basically, I am trying to have a TBB with labels and labels only, no
            > visible
            > "buttons" per se. I can do this all except for the stupid border. Any
            > ideas?

            You should be able to set the button border skin to null.


            • 3. Re: Toggle button bar without borders?
              Handycam Level 1

              Unless I am doing it wrong, that has no effect:

               

              .mytoggleButtonBarButtonStyle,.mytoggleButtonBarFirstButtonStyle,.mytoggleButtonBarLastButtonStyle   {

                 highlightAlphas: 0, 0;

                 fillAlphas: 0, 0, 0, 0;

                 fillColors: #e28001, #e28001, #e28001, #e28001;

                 color: #f8cc92;

                 textRollOverColor: #ffffff;

                 textSelectedColor: #ffffff;

                 fontFamily: Arial;

                 fontSize: 18;

                 themeColor: #e28001;

                 buttonBorderSkin: null;

              }

               

              I did get it to work with a clear png applied to the above button styles:

               

                 disabledSkin: Embed(source="/assets/clear.png");

                 downSkin: Embed(source="/assets/clear.png");

                 overSkin: Embed(source="/assets/clear.png");

                 selectedDisabledSkin: Embed(source="/assets/clear.png");

                 selectedDownSkin: Embed(source="/assets/clear.png");

                 selectedOverSkin: Embed(source="/assets/clear.png");

                 selectedUpSkin: Embed(source="/assets/clear.png");

                 upSkin: Embed(source="/assets/clear.png");