close ad
Install the LAtest Updates to Work with CC 2017 and CC 2018
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

format textarea input

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

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 ?

Sign in to reply to this post

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.

Sign in to reply to this post

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 ...

Sign in to reply to this post

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
Sign in to reply to this post

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 :)

Sign in to reply to this post

Eric Mittman

Here is the equivalent page in asp vb.

Attached Files
form.zip
Sign in to reply to this post

Fritz Stickers

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

Sign in to reply to this post

Eric Mittman

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

Sign in to reply to this post

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.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...