Forum Discussion

JoelHickok's avatar
JoelHickok
Qrew Assistant Captain
4 years ago

Re: Forms, Tables, HTML Add some spunk to your forms. Add formatting to your forms.

Isn't it a lot easier to just put all of your HTML code into a Formula - Rich Text field, and then simply nest the Field Value you want into that code?

Rich Text Formula:
<table style="border: 2px solid red; border-radius: 4px;">
<tr>
<td style="padding: 8px;">
 [Field Name]
</td>
</tr>
</table>​

Then drop this Formula - Rich Text field into your form as a single form entry.  This is a whole lot easier to manage over the long run, and you can see all your HTML tags at once, rather than having them spread out across many Form Text entries.

------------------------------
Joel Hickok
------------------------------

2 Replies

Sort By
  • PrashantMaheshw's avatar
    PrashantMaheshw
    Qrew Captain
    4 years ago
    HI Joel,


    Thanks for the reply . I have tried rich text to summarize child records in nice little table but not for forms showcase .

    I haven't tried this before. Will try and report. You want to get on a zoom ever to exchange some learnings ?

    ------------------------------
    Prashant Maheshwari
    ------------------------------
    • JoelHickok's avatar
      JoelHickok
      Qrew Assistant Captain
      4 years ago
      Glad that may be helpful.  I do think it is an easy way to have HTML in a form, but the drawback is you have to create a new field for the code.  I name my fields for forms with a special name to separate them from other fields.  You can use full CSS and HTML in their including CSS flex and other styles.  Would love to share more, but as a father and full time job, my free time usually comes in short bursts without too much planning ahead.

      HTML DIV field for a message on a form:

      The Code for that:
      var Text message = "I, the supervisor, based this evaluation on my observation and/or knowledge, it represents my best judgment of the employee's job performance.";

"<div style='padding: 0 3px; border-radius: 5px; background-color: ghostwhite;'>"
& "<table>"
& "<tr>"
& "<td style='font-weight: bold; font-size: 24pt; vertical-align: middle; padding: 0 10px; text-align: center;'>&#9888;</td>"
& "<td style='font-size: 11pt; vertical-align: middle;'>"
& $message
& "</td>"
& "</tr>"
& "</table>"
& "</div>"​

      The field name using something like "UI Display: Description of field":


      ------------------------------
      Joel Hickok
      ------------------------------