6 Replies Latest reply on Mar 28, 2012 1:03 AM by Peter Grainge

    Selected Button Gradient Background Color?

    A scribe at Ascribe

      Is there any way to achieve this?

        • 1. Re: Selected Button Gradient Background Color?
          Willam van Weelden Adobe Community Professional & MVP

          Hi,

           

          Please define 'selected button'. Are you using a HTML button element? When is a button selected? What exactly are you trying to accomplish with the button?

           

          You can use an image or a css gradient (works only in FF, IE9 and Chrome) to set the background of a button on certain states. Such as:

           

          button.mybutton:hover { /* When user hovers mouse */ }

          button.mybutton:active { /* When user clicks button */ }

           

          You can also use JavaScript to change the class of the element to display the appropriate background on certain actions, such as after mouse click.

           

          Greet,

           

          Willam

          • 2. Re: Selected Button Gradient Background Color?
            Captiv8r Adobe Community Professional & MVP

            Hi there

             

            Personally, I'm wondering if this thread remotely applies to RoboHelp?

             

            A scribe, are you using RoboHelp? Or did you find this forum and are under the impression it is for assistance with anything web related? (the forum name is "WebHelp" and folks often land here thinking it's generic to assisting with all things related to the web and Adobe software.

             

            Cheers... Rick

             

            Helpful and Handy Links

            RoboHelp Wish Form/Bug Reporting Form

            Begin learning RoboHelp HTML 7, 8 or 9 within the day!

            Adobe Certified RoboHelp HTML Training

            SorcerStone Blog

            RoboHelp eBooks

            • 3. Re: Selected Button Gradient Background Color?
              A scribe at Ascribe Level 1

              Sorry if i wasnt explicit about my circumstances, but this specifically applies to Robohelp and I am not one of those folks who find this forum and are under the impression it is for assistance with anything web related and often land here thinking it's generic to assisting with all things related to the web and Adobe software.

               

              I have Robohelp 9 and my project is based on WebHelp.

              I am modifying the template with custom buttons in the toolbar.

              I can't seem to find an explanation for this in Rick Stone Skinny on Skins, unless i have missed it.

               


              I have added a custom button to the Skin > Toolbar > Main and assigned a selected button image and an unselected button image. Below this area there is a Selected Button area in which you can specify a color and font. I have created a button with a background which is a linear gradient. The button however, when selected, displays in a smaller area than the total selected button area which is a non gradient color.

              It looks as if there is a margin around the button image.

              Ideally I would like the total selected button area to display with the gradient. How can i achieve this?

              Is there a way to set the button image to cover the total selected button area, or to set the background as a gradient and make the button image background transparent to show this?

               

              All assistance gratefully appreciated

               

               

              • 4. Re: Selected Button Gradient Background Color?
                Willam van Weelden Adobe Community Professional & MVP

                The problem is that your 'button' is not actually a button in HTML: The toolbar is created with quite a few nested tables. Open whtbar.js and search for 'clsBtnDown'. There you'll find the styling for the active state. But be carefull: Changing the styling here will also change the button styling in the minibar (the bar above the TOC that hold the browse sequence buttons).

                 

                Greet,

                 

                Willam

                1 person found this helpful
                • 5. Re: Selected Button Gradient Background Color?
                  A scribe at Ascribe Level 1

                  Thanks Willam,

                   

                  However, I am wary of any customisations which involve output files rather than modifications to the base project files.

                  It seems that there is more scope by managing the output files but it is high maintenance. I find that Robohelp is limited and inflexible in that way.

                  I have a growing number of projects to manage and there are too many nice to haves such as this which i don't consider because they are high maintenance, adding extra post production steps which i try to avoid where possible.

                  • 6. Re: Selected Button Gradient Background Color?
                    Peter Grainge Adobe Community Professional (Moderator)

                    Submit a feature request. Please follow this link.

                     

                    http://www.Adobe.com/cfusion/mmform/index.cfm?name=wishform&product=38

                     


                    See www.grainge.org for RoboHelp and Authoring tips

                     

                    @petergrainge