Discussions

 View Only
  • 1.  Change font size of radio buttons in form

    Posted 03-21-2019 16:03
    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=2.130787919.13252855...">https://haversineconsulting.quickbase.com/db/bgcwm2m4g?a=dr&rid=437&_ga=2.130787919.1325285540.1553180240-1160963570.1550851542">https://haversineconsulting.quickbase.com/db/bgcwm2m4g?a=dr&rid=437&_ga=2.130787919.13252855...) trick, i was able to increase the size of the box, but not of the text. 

    Please help.


  • 2.  RE: Change font size of radio buttons in form

    Posted 12-02-2020 14:55
    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
    ------------------------------



  • 3.  RE: Change font size of radio buttons in form

    Posted 12-02-2020 17:19
    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
    ------------------------------