delight

Extending Basic QuickBaseUsing Formulas, Graphics and Buttons

Your applications reinvented for the web

Kirk Trachy

Items to Cover

• Adding Color and Graphics to QuickBase• Row Colorization• Background Colors• Background Text• Buttons and Graphics

2

Adding Color to Fields and Buttons

3

Items to Cover

• Using a Formula URL to Create a Record in Another Table• Add a Formula URL Field• Edit the field• Paste the code

44

Let’s jump in and do it

55

URLRoot() & "db/" & [_DBID_COMPANIES] & "?a=API_GenAddRecordForm&_fid_51=" & URLEncode ([Record ID#])&

"&_fid_6=" & URLEncode([Company]) &

"&_fid_15=" & URLEncode([Address]) &

"&_fid_16=" & URLEncode([City]) &

"&_fid_17=" & URLEncode([State]) &

"&_fid_18=" & URLEncode([Zip]) &

"&_fid_7=" & URLEncode([Ticker]) &

"&_fid_9=" & URLEncode([Phone]) &

"&_fid_29=" & URLEncode([Fax]) &

"&_fid_8=" & URLEncode([Web]) &

"&_fid_48=" & URLEncode([Lead Source]) &

"&_fid_41=" & URLEncode([Sales Rep]) &

"&z=" & Rurl()

Row Colorization

6

Color Background

7

Step:

Create a formula text field.

Edit the field properties and paste the html code below into the formula section.

Include the field either on forms or reports

 

Case ([Status],"Not Started","<div style=\"background-color:pink;width:50\">Not Started</div>","In-Progress","<div style=\"background-color:lightyellow;width:50\">In-Progress</div>","Completed","<div style=\"background-color:honeydew;width:50\">Completed</div>",null)

Color Text

8

Step:

Create a formula text field.

Edit the field properties and paste the html code below into the formula section.

Include the field either on forms or reports

 

Case([Status], "Not Started", "<font color=red>Not Started</font>", "In-Progress", "<font color=orange>In-Progress</font>", "Completed", "<font color=green>Completed</font>")

Color Graphics

9

Steps:

1. Create a formula text field and paste the respective html code into the formula section of the formula text field's properties.

2. Select your icons and load them into QuickBase.

3. Copy their URL location and insert them into the html code below for the respective locations for the various status settings.

4. Don't forget to check the "Allow some HTML tags" checkbox.

5. Include the new fields on your reports.

 

Case ([Status],"Not Started","<div><img src=\"https://www.quickbase.com/up/bdcwxur8p/g/rf/ej/va/227-rect_red.png\"></div>","In-Progress","<div><img src=\"https://www.quickbase.com/up/bdcwxur8p/g/rh/ej/va/229-rect_yellow.png\"></div>","Completed","<div><img src=\"https://www.quickbase.com/up/bdcwxur8p/g/rg/ej/va/228-rect_green.png\"></div>",null) 

Added a button to a form that created a record in another table.

• Using Formula URL fields to create buttons

10

Using Formula URL Field Buttons

You have qualified a Lead and you wish to create an Account1. Create a Formula URL field2. Edit the field3. Paste similar to the following

11

Convert a Lead To an Account

URLRoot() & "db/" & [_DBID_COMPANIES] & "?a=API_GenAddRecordForm&_fid_51=" & URLEncode ([Record ID#])&

"&_fid_6=" & URLEncode([Company]) &

"&_fid_15=" & URLEncode([Address]) &

"&_fid_16=" & URLEncode([City]) &

"&_fid_17=" & URLEncode([State]) &

"&_fid_18=" & URLEncode([Zip]) &

"&_fid_7=" & URLEncode([Ticker]) &

"&_fid_9=" & URLEncode([Phone]) &

"&_fid_29=" & URLEncode([Fax]) &

"&_fid_8=" & URLEncode([Web]) &

"&_fid_48=" & URLEncode([Lead Source]) &

"&_fid_41=" & URLEncode([Sales Rep]) &

"&z=" & Rurl()

QuickBase Innovation Network

12