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

  • kava_support
    Asked on September 24, 2015 at 10:01 AM
  • Charlie
    Replied on September 24, 2015 at 12:54 PM

    Hi,

    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>

    </div>

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

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

    Paste it here

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

     

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

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

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

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

     

    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.