5 Replies Latest reply on Apr 21, 2008 7:41 PM by sergeysmirnov

    Skinning a single simpleTogglePanel component

    mnmvpi97

      Is there a way to override the skin on a single component?

      In this case, I have a simpleTogglePanel that I want to have a different color than the other panels on my page (to make it stand out a little better). I want to keep the gradient as well, so simply overriding the background-color for the style selector won't give me what I'm looking for.

      My current solution is to create my own gradient and setting the background-image for the header, but I wondering if there are other options.

        • 1. Re: Skinning a single simpleTogglePanel component

          I have read twice, but still no idea why it is the problem for you.

          What exactly you want to customize (different color for what)?

          Post your code snippet.

          • 2. Re: Skinning a single simpleTogglePanel component
            mnmvpi97

            The titlebar/header for the simpleTogglePanel in this case. I'm not really sure how to post a snippet, but I can certainly try if my description doesn't clarify my scenario...

            Let's say my current skin is blueSky. So all of my simpleTogglePanels have a title bar that has a light blue to white gradient. But I have a single simpleTogglePanel that I want to have with a different gradient (say red to white).

            I guess what I'm looking for is a way to override the gradient color for a component?

            • 3. Re: Skinning a single simpleTogglePanel component

              so, your current solution is the easiest option.

              • 4. Re: Skinning a single simpleTogglePanel component
                mnmvpi97

                Seems to be.

                Initially I started down the road of having multiple skin definitions, but then I couldn't figure out a way for assigning a skin to part of a page, and then assigning a second skin to the remainder of the page. That would keep me out of the image editor and allow me to tweak each scheme as needed. After looking at the source code for the demo, it looks like only one skin can be active at a time.

                If there's a way to have multiple active skins, that would be pretty slick, but right now, I suppose it's all or nothing, correct?

                • 5. Re: Skinning a single simpleTogglePanel component

                  The idea of skin is having one unified look-n-feel for the whole page. So, having two active skins on the same page is against the definition.