Forum Discussion

AlexGale's avatar
AlexGale
Qrew Captain
7 years ago

Customize save button

How much, if at all, is it possible to customize the main "Save" button and indeed anything else along that top bar. I'm getting requests to change the colour/text, add new buttons next to the save button, and more. I'd like to be able to tell the requesters for certain whether or not it is possible. 

Thanks
  • You can customize anything with script. In reference to the screenshot below showing HTML id attributes, what exactly do you mean by "top bar

  • The following one line of script manually applied from the console will make that change.


    $("#stdAddRecButton").css({backgroundColor: "hsl(193, 98.3%, 46.3%)"})  

    To make this automatic you have to use one of the JavaScript injection techniques (IOL, BOL, SW etc)
    • _anomDiebolt_'s avatar
      _anomDiebolt_
      Qrew Elite
      I would suggest you get comfortable with the idea even if you don't implement it.

      (1) Navigate to the page in question
      (2) press F12 to expose the dev tools and move the the Console tab
      (3) paste the one line of code into the console and hit enter.

      The change should appear and you will be overcome with an exhilarating feeling of power and control over your application.
    • AlexGale's avatar
      AlexGale
      Qrew Captain
      Huh. That's a bit above my level right now I'm afraid. Something to look into though. If I did make this change using one of those injection techniques, would it work for all users of my app? 

      Thanks
  • #pageNavBar. Do you mind giving me an example? Say I wanted to change the colour of the "+ New" button there to blue? How would I do that?