Forum Discussion

MichaelTamoush's avatar
MichaelTamoush
Qrew Captain
5 years ago

Oval buttons and other changes?

I found a website Click Minded (previously Da Button Factory) that give some code for different styles of buttons. However, I am not sure how to utilize that in a formula Rich Text Field to make a custom button.

Currently, I know know the following code:

"<a class='Vibrant Primary' style=\"width:310px; text-align: center;\" href='"
Code of stuff you want to do
& "'>Button Words go Here</a>"

So I've only known the select 'Vibrant' color schemes, with the traditional look. Is there a way to merge in other code to change the button look?



------------------------------
Mike Tamoush
------------------------------
APIs and custom code
  • AdamKeever1's avatar
    AdamKeever1
    Qrew Commander
    5 years ago
    From @Kirk Trachy's Magic Buttons app in the Quickbase Exchange (change the border-radius property):
    "<a  style=\"text-decoration:none; background: #f90; border-radius: 5px; color: #fff; display: inline-block; padding: 8px 20px; width:310px; text-align: center; text-shadow: none;  \"href='" & [_DBID_TASKS] & "?act=API_GenAddRecordForm&_fid_48=" & [Record ID#]& "&z=" & Rurl()& "'>39B. Add Task with your own CSS Color</a>"

// This contains your own CSS button.  This option allows you to create colored buttons that display in Mobile and they display in your emails.
// If you use a formula URL or a formula text field with QuickBase's own class=Vibrant... they will not survive in emails or mobile applications.  All you will get is a text with an underscore.  If you use your own CSS they live on an prosper. :-)​
    ​

    ------------------------------
    Adam Keever
    ------------------------------
    • MarkShnier__You's avatar
      MarkShnier__You
      Icon for Qrew Legend rankQrew Legend
      5 years ago
      Click Minded will produce an image file like png format.  You would store that image as a file attachment in an EOTI app called Images.

      The image can be displayed like this in that app.

      <img src=" & URLRoot() & "up/" & Dbid() & "/a/r" &
      [Record ID#] & "/e7/v0 width=150>"

      where 7 is the field ID of the image.  If you expose that code, in the EOTI app, you have a string which will make the image.

      Then in you real app where you need the button you make a formula Rich Text button as a hyper link.

      var Image = .. the string from the EOTI app
      var text URL = .. your URL field or formula

      <a href=" & $URL & ">" & $Image & "</a>"

      <


      ------------------------------
      Mark Shnier (YQC)
      Quick Base Solution Provider
      Your Quick Base Coach
      http://QuickBaseCoach.com
      mark.shnier@gmail.com
      ------------------------------
      • MichaelTamoush's avatar
        MichaelTamoush
        Qrew Captain
        5 years ago
        Thanks! Those both sound like they will work in my use case.

        Mark, do I need to use an EOTI app or can I just create an internal table with images, in the same app?

        ------------------------------
        Mike Tamoush
        ------------------------------