How can I set bigger font display for specific field on "Notification" email?

  • scottlannie
    Asked on March 30, 2016 at 10:04 AM

    How can I get the configurable list to display a larger font size when viewing the notification in an email client.

    I have changed the font size in the email notification edit window go the configurable list id but it does nothing at all.

     

    Many thanks.

    Scott

  • mert JotForm UI Developer
    Replied on March 30, 2016 at 12:32 PM

    Hi Scott,

    Actually the change you have made is done the trick. To make a test, I put a "{candidates}" with normal font size besides to it and made test submissions. Below, you can see the differences between normal and large one:

    How can I set bigger font display for specific field on Notification email? Image 1 Screenshot 20

     

    So, without doing anything further, please check the "Notification 1" again and tested and also, don't forget to let us know the results.

     

    Regards.

  • scottlannie
    Replied on March 30, 2016 at 2:13 PM

    Hi mart,

    I have just done to tests one using 14pt, and one using 20pt, in my email client both notifications look the same. For some reason I don't know how to upload a screenshot to this thread.

     

  • Ben
    Replied on March 30, 2016 at 4:05 PM

    Unfortunately Scott, the emails are tricky things. The CSS code that you apply will only be applied to the direct field - not to sub fields (at least in many cases). Next to this various email clients and webmail systems will strip the CSS from your emails in order to make sure that the same fall into their layout.

    Issue next to this is that widget returns a table instead of the plain text - in order to make the text look good.

    As such and while your values are there, it is likely that your current email client does not show the font size as some other email client.

    - Since the widget data is returned at later time replacing its placeholder {candidates} it is not possible to set the font size for one specific element of the widgets data, and might not work on a complex widget within some email clients.

  • scottlannie
    Replied on March 31, 2016 at 7:28 AM

    Hi Ben,

    Thank you for your detailed response. It is such a shame that the configurable list widget is not more configurable (excuse the pun). It has great potential when repeated items list based need to be applied on a form, and in my situation of adding exam candidates to the form is really the only suitable way forward (I have spent a lot of time trying various methods with some success but the configurable list widget is (as far asI have found) the best solution in these circumstances. Up to now the matrix field has been used but  from instructions from my client at least 30 candidate entries are required and in this situation makes the form a little crazy (as well as the notification email that shows all 30 rows even if they have not been filled with data etc.

    I would would be amazing if someone at jotform could come out with a configurable list widget that would be able to include formatting of cells AND also if cells could also be used with the calculation widget - like in  my example the 'fee' cell needs to be calculated for a total cost of exam entry etc.

    Are there options for taking the source code of the widget and adapting it using API's supplied from jotform?

    Thank you again for your detailed response, although it doesn't solve my problem and least it stops me from going mental (having tried for 3 days) to get the cell formatting to work in larger font sizes!

    Best wishes,

    Scott

  • mert JotForm UI Developer
    Replied on March 31, 2016 at 9:12 AM

    Unfortunately, there is no way to get the source code of the widgets at the moment, even if you get the full source code of your form. Because, the widget's file is calling from the cloud of JotForm externally, so you can only style its appearance with CSS codes nothing more.

    However, creating your own widget is currently possible with our platform. You can get more information about this subject from the document below:

    http://developers.jotform.com/widgets

    Also, you are right about it, the widget should have more interactivity with the other environments in your form like calculations; but because of the current workload, it is not possible to do it.

     

    In parallel with the issue which my colleague mentioned on his post, email clients mostly use their styling for incoming data; but like I showed earlier, Gmail accepts the styling from the email, so you can use it for an alternative solution. Sorry to not fulfill your needs; but you can always ask your questions on Support Forum.

     

    Regards.