Forum Discussion

NirajShah4's avatar
NirajShah4
Qrew Cadet
5 years ago

Customizing Rich Text Save button

I want to add some flair to the rich text save button I am currently utilizing by changing the font and size but each time I make edits to the current code, it doesn't come out looking as I would expect.

Original Code:

"<a id='saveButton' class='Vibrant Success' onclick='DoSave()' href='#'><b>Submit</b></a>"

Result:

Updated Code:

"<a id='saveButton' class='Vibrant Success' onclick='DoSave()' href='#'><div style=\"height:25px;width:100px;color:white; font-size: 10pt; background-color:lightgreen;\"</div><b>Submit</b></a>"
I just want to be able to have a button save the form where the button has a light green background with white text. 


------------------------------
Niraj Shah
------------------------------
APIs and custom code
Buttons
  • MarkShnier__You's avatar
    MarkShnier__You
    Icon for Qrew Legend rankQrew Legend
    5 years ago
    see if this works for you.

    // Begin button style
    var text bgcolor = "#34A853";
    var text txtcolor = "white";
    var text style = "style=\"text-decoration: none; width: 150px; text-align: center; background:" & $bgcolor & "; border-radius: 5px; padding: 8px 20px; color: " & $txtcolor & "; display: inline-block; font: normal 700 24px/1 \"Calibri\", sans-serif; text-shadow: none;";
    // End button style


    var text URL = "javascript:DoSaveAdd()";


    "<a " & $style & " href=" & $URL & ">" & "Save" & "</a>"

    ------------------------------
    Mark Shnier (YQC)
    Quick Base Solution Provider
    Your Quick Base Coach
    http://QuickBaseCoach.com
    mark.shnier@gmail.com
    ------------------------------
    • NirajShah4's avatar
      NirajShah4
      Qrew Cadet
      5 years ago
      Thank you so much, Mark!

      This is extremely valuable for me to utilize and build off of.

      Much appreciated.

      ------------------------------
      Niraj Shah
      ------------------------------