Email template in ASP.NET MVC

[Bart]

Hi, I have a problem in my application. I would like to create a functionality that will be resposible for creating text emails template. These emails will be send to application users. The main problem is about the data binding like FirstName, LastName etc. It is possible to do it? For this moment, my MVC app keeps all emails in application code and they are not editable from admin panel. What control should I use to allow edit emails body from admin panel?

Any ideas? Thanks for Your help

Regards

[Pandiyaraj Muniyandi]

Hi Bart,  

 

Greetings from Syncfusion support. 

 

We suggest you to use RichTextEditor component to edit your email body content at application end. 

 

Refer the below links 

 

Samples: https://ej2.syncfusion.com/aspnetmvc/RichTextEditor/DefaultFunctionalities#/material 

 

Documentation: https://ej2.syncfusion.com/aspnetmvc/documentation/rich-text-editor/getting-started/?no-cache=1 

 

API: https://help.syncfusion.com/cr/aspnetmvc-js2/Syncfusion.EJ2.RichTextEditor.html 

 

Regards, 

Pandiyaraj M 

[Bart]

Hi Pandiyaraj M, thanks for Your reply. I still have a brainstorm because I don't know how to do it.

My idea:

This is how e-mail could look in the admin panel for example:

Hi, @FirstName @LastName

blablabla

Regards

and these @firstname 'properties' should be converted in the app code to real data from database. It is possible?

Regards

[Pandiyaraj Muniyandi]

Hi Bart,  

 

Good day to you. 

 

In your application end to edit the email content, you need to set the content into RichTextEditor Value property. Before set the database content into RTE, you need do property binding from code behind in controller as follows 

 

Index.cshtml 

 

 

@Html.EJS().RichTextEditor("email").Value((string)ViewBag.emailContent).Render() 

 

 

HomeController.cs 

 

 

using System; 

using System.Collections.Generic; 

using System.Linq; 

using System.Web; 

using System.Web.Mvc; 

 

namespace WebApplication1.Controllers 

{ 

    public class HomeController : Controller 

    { 

        public ActionResult Index() 

        { 

            // Assume this firstName, lastName from database 

            var firstName = "John"; 

            var lastName = "Michael"; 

 

            // Bind fields content to RTE value property ViewBag emailContent varaible 

            ViewBag.emailContent = "

Hi " + @firstName + " " + @lastName + ",

Sample mail body

Regards,

Admin

"; 

 

            return View(); 

        } 

    } 

} 

 

 

  

We have prepared sample for your reference, get it from below link 

https://www.syncfusion.com/downloads/support/forum/147991/ze/EmailRTE-2106854953 

 

Regards, 

Pandiyaraj M 

[Bart]

Hi Pandiyaraj M, thanks for reply and code, but I was thinking about in this case:

I don't need to render this binding data in richtexteditor.

Steps like this:

1. In admin panel I will set the content email body like:

"Hi @firstname @lastname. I am writing to you bla bla bla"

2. Save this content in the same form to the database

3. In data adapter I will be taking content from database and raplace these properties @firstname, @lastname the real data loading from another user data adapter.

If this way will be okey?

Regards

[Narayanasamy Panneer Selvam]

Hi Bart, 

Thanks for your information. 

We have proceeded further based on the provided information. You can get content using data manager by sending request using the url property. Then, by using the executeQuery method of the data manager you can filter the results based on the required condition. This is demonstrated in the below sample code where data is fetched from a service URL and printed in the button click event, 

  

<button id="fetchdata">Fetch data</button> 

<script> 

    $("#fetchdata").click(function () { 

        new ej.data.DataManager({ 

            url: "https://services.odata.org/V4/Northwind/Northwind.svc/Orders/", 

            adaptor: new ej.data.ODataV4Adaptor, 

            crossDomain: true 

        }).executeQuery(new ej.data.Query().where('OrderID', 'equal', 10258)).then((e) => { 

            alert("Hi " + e.result[0].CustomerID + ", \n\n Sample mail body \n\n Regards, \n John"); 

            // Here you can use the returned data as per your requirement 

        }); 

    }); 

</script> 

Similarly, you can customize the request and use the response as per your requirement. You can find sample below for your reference, 

Sample: https://www.syncfusion.com/downloads/support/forum/147991/ze/EmailDataAdapter1322730771 

For more details on the data manager control you can refer the following documentation, 

Documentation: https://ej2.syncfusion.com/documentation/data/getting-started/ 

Regards, 

Narayanasamy P. 

[Bart]

Hi, thanks, You helped me. I have one more question about richtexteditor in the view file. Is it possible to render richtexteditor in foreach loop for any other email? The view will contain around 20 richtexteditors so that's why I'm asking.

[Narayanasamy Panneer Selvam]

Hi Bart, 

 

Thanks for your update. 

Yes, you can render RTE using foreach loop as follows, 

@{ 

    ViewBag.Title = "Home Page"; 

    ViewBag.items = new string[] { 

        "John", "Michael", "Davis", "Robert", "Alex", 

        "Sophia", "Isabella", "Emma", "Olivia", "Ava", 

        "Emily", "Abigail", "Madison", "Mia", "Chloe", 

        "Elizabeth", "Ella", "Addison", "Natalie", "Lily", 

    }; 

} 

 

@foreach (var item in ViewBag.items) 

{ 

    <div> 

        @Html.EJS().RichTextEditor(item).Value("Hi " + item).Render() 

    </div> 

    <br /><br /> 

} 

  

We have prepared sample to meet your requirement, get it from below link 

https://www.syncfusion.com/downloads/support/forum/147991/ze/RTE-318040949 

 

Kindly let us know if you need further assistance on this.

Regards,
Narayanasamy P.