How can I create a scrolling text field that also appears in full in my notification/auto-responder emails?

  • Profile Image
    Asked on September 24, 2015 at 10:01 AM
  • Profile Image
    Answered on September 24, 2015 at 12:54 PM


    If you would like to add a scrolling text in the email template of the notification, that is possible by wrapping the text in a <div> element and adding the styles mentioned below on it:

    <div style="float: left; width: 400px; overflow-y: scroll; max-height: 100px !important;">

    <p>Insert text or form field value here</p>


    You can add that code in the "Source code" editor, below is a screenshot of my email template

    Paste it here


    Here's my test submission, I want the long "Comment" field to show in the email notification on a scrollable text element

    This is how the notification looks like, it has now a vertical scroll bar.


    Note: You can adjust the width and the max-height in the div styling of the element with your own preference.


    I hope that helps. Do let us know if that is what you would like to accomplish.