Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

› WebAssist Forums › Data Bridge › Universal Email › format textarea input

format textarea input

Thread began 5/21/2010 7:02 am by Fritz Stickers | Last modified 7/20/2010 10:23 am by Eric Mittman | 2149 views | 7 replies |

5/21/2010 7:02 am | #1 Fritz Stickers

format textarea input

When I change the fonttype, -color, -size, ... in the WA-UEmail behaviour for the email sent with a form, all text the customer filled in in the textarea is shown on one line in the mail. I tried to edit the "body" (text and DW) with "page properties" or css.

How can I edit the mailbody so that the email format will be the same as the text the customer filled in the textarea ?

5/21/2010 3:05 pm | #2 Eric Mittman

If you are getting the info from a single form field then you will need to do the formatting of the text yourself in the message body. If you have the text in an area that has the same width as the area the user entered it the text should look the same as what the user entered. You will need to make sure that you have your css in order for this, you need to make sure that you have the white space set to normal or pre-line, like this:

white-space:normal;

You would apply this style to the area that the text is in. This should make it wrap the text to fit the area.

5/21/2010 11:19 pm | #3 Fritz Stickers

ok ... thanks !

Is it also possible to fit the text in a fixed width in the email itself, while the textarea is set to 60 cols="60" (rows="9") ?
I tried the width: 500 px in the css, but it doesn't affect the size.

<!-- InstanceBegin template="/Templates/waue html body" codeOutsideHTMLIsLocked="false" --><head><!-- InstanceBeginEditable name="emailhead" --><style type="text/css"> 
<!--
body,td,th {
	font-family: Verdana, Geneva, sans-serif;
	color: #336633;
	background-color: #E6E6E6;
	width: 500px;
}
-->
</style><!-- InstanceEndEditable --></head><body><!-- InstanceBeginEditable name="emailbody" --><pre><strong>Onderwerp : </strong><%=Request.Form("Onderwerp")%>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<strong>E-mail : </strong><%=Request.Form("Email")%><strong><br /><br />
<br />Vraag/opmerking : </strong><br /><br /><br /><br />

<%=Request.Form("VraagOpmerking")%></pre><!-- InstanceEndEditable --></body><!-- InstanceEnd -->

I hope you understand my goal ?
See image ...

5/24/2010 6:42 pm | #4 Eric Mittman

It seems that your technique is correct, it just may not be implemented correctly. I have created a small example page for you that has a simple form with a text area in it. In this example the value that is entered into the text area will appear on the page when the form is submitted. I have set the width of the div that the info is printed from to 150px. You can see that the text is always set to the width of the div it is in.

Perhaps you just need to do something similar and add in a div to explicitly set the size for the text to be displayed in.

Attached Files

form.zip

6/01/2010 11:49 am | #5 Fritz Stickers

Thanks, but is it possible to translate in to asp vbscript ?

Sorry for the late reaction, but I was on vacation for a week :)

6/01/2010 1:16 pm | #6 Eric Mittman

Here is the equivalent page in asp vb.

Attached Files

form.zip

7/19/2010 11:02 pm | #7 Fritz Stickers

Thanks.
It's been a while ago, but it's working now.

7/20/2010 10:23 am | #8 Eric Mittman

I'm very glad to hear that, let us know if you have any other questions.

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now. Build a store, a gallery, or a web-based email solution.