Styling the Email

  • Resolved KyleKessler

    (@kylekessler)


    8 years, 8 months ago

    Hello!

    I now have Smart forms operating properly, and I must say I am extremely happy with it. I am using the personal version. I would like to style the email that is sent after submit with blanks, so that the blanks on the form are filled in. Like so.

    Name: _______________________________ Address: ______________________________

    I’d like the name field to appear in the appropriate blank. I’d also like the blanks to stay the same length. I have styled it with the blanks through the <> portion of the plugin, and even got the fields to appear on the blanks, but when I test it with a longer name, instead of the field adjusting to the blank size, it makes the blank longer. Can you shed some light on how I would accomplish this?

    Thanks in advance for your time.

    The page I need help with: [log in to see the link]

Viewing 1 replies (of 1 total)
  • Plugin Author EDGARROJAS

    (@edgarrojas)

    8 years, 8 months ago

    Hello!

    Having a fixed width in an email is actually very hard and it might not work in all the email providers (some of them block styles). Having said that, i would try surrounding all the fields with a div that has a fixed width and a border like this. To do this you need to open the source code view of the email (the <> button) and surround each field with a div like this:
    <div style=”width: 200px;display: inline-block;border-bottom: solid 1px;”></div>

    so for example, for a field(rnfield1 in this example) the field should end up looking like this in the source code view:

    <div style=”width: 200px;display: inline-block;border-bottom: solid 1px;”><span class=”sfField” contenteditable=”false” data-field-id=”rnField1″ data-field-label=”f1″>f1</span></div>

    Regards!

Viewing 1 replies (of 1 total)

The topic ‘Styling the Email’ is closed to new replies.