Forum Discussion

GiuseppeMacri's avatar
GiuseppeMacri
Qrew Captain
7 years ago

Change font size of radio buttons in form

Users are requesting that the font size of the radio button selection be increased. Using Dan's Checkbox/Radio Button Enlarger (https://haversineconsulting.quickbase.com/db/bgcwm2m4g?a=dr&rid=437&_ga=...
APIs and custom code
Forms
Tables and fields
AdamKeever1's avatar
AdamKeever1
Qrew Commander
5 years ago
Adding this line to your function will change all of the text font and size on the entire page:

$("*").css("font", "bold 100.25% Nirmala UI");​


Using the Chrome DevTools by right clicking in some white space and selecting Inspect, I was able to navigate to a single field label and found that you can change font and size for a single field label:


Using this, the code changes to:

$("#tdl_3.label.lc > label.fieldLabel").css("font", "bold 150.25% Nirmala UI");


And here is the result:



------------------------------
Adam Keever
------------------------------
  • AdamKeever1's avatar
    AdamKeever1
    Qrew Commander
    5 years ago
    Adding these lines Change the Section Titles, all field labels, and field values. There is also a line to add padding between the fields to make the labels more legible with larger font.

    $(".sectionTitle").css("font", "bold 200% Georgia");
$(".fieldLabel").css("font", "normal 150.25% Century");
$(".cell.cc.nowrap").css("font", "italic 140% Georgia");
$(".cell.dc.nowrap").css("font", "italic 140% Georgia");
$(".cell.dc").css("font", "italic 140% Georgia");
$("body.Regular table.LabelsAbove td.label").css("padding-right", "50px");​


    Result:



    ------------------------------
    Adam Keever
    ------------------------------