Sending Email With Attachment Using MVC4

Here i am explaining how to send email with attachment in mvc4
Design the page like below in view

@using (Html.BeginForm("Questionform", "Home", FormMethod.Post, new { enctype = "multipart/form-data" }))
{
@Html.TextBox("fname", "", new { id = "fname", placeholder = "first name", required = "required" })
@Html.TextBox("lname", "", new { id = "lname", placeholder = "last name", required = "required" })
@Html.TextBox("email", "", new { id = "email", placeholder = "email", required = "required", type = "email" })
@Html.TextBox("phone", "", new { id = "phone", @class = "numbers", placeholder = "phone", required = "required", maxlength = "10" })
@Html.TextArea("msg", "", new { id = "msg", placeholder = "message", required = "required" })
<h6>
<input type="file" name="file" id="file_browse" />Attach a file</h6>
@Html.Hidden("pageurl", Request.Url.AbsolutePath, new { id = "pageurl" })
<input type="submit" class="submit" value="send" id="btnquestionsend" />
}

In controller add below code

name-spaces:

using System.IO;
using System.Net.Mail;

Code:

public ActionResult Questionform(FormCollection collection, HttpPostedFileBase file)
{
string fname = collection.Get("fname");
string lname = collection.Get("lname");
string email = collection.Get("email");
string phone = collection.Get("phone");
string message = collection.Get("msg");
string pageurl = collection.Get("pageurl");
MailMessage msg = new MailMessage();
msg.From = new MailAddress("venu.tamada@gmail.com");
msg.To.Add("applevenu@gmail.com");
msg.Subject = "amm@Questions?";
msg.IsBodyHtml = true;
msg.Body += "<div><table style=\"border-collapse:collapse; text-align:left;\">";
msg.Body += "<tr style =\"background-color:#6FA1D2; color:#ffffff;\"><td style=\" border-color:#5c87b2; border-style:solid; border-width:thin; padding: 5px;\">Name:</td><td style=\" border-color:#5c87b2; border-style:solid; border-width:thin; padding: 5px;\">" + fname + " " + lname + "</td></tr>";
msg.Body += "<tr style =\"background-color:#6FA1D2; color:#ffffff;\"><td style=\" border-color:#5c87b2; border-style:solid; border-width:thin; padding: 5px;\">Email:</td><td style=\" border-color:#5c87b2; border-style:solid; border-width:thin; padding: 5px;\">" + email + "</td></tr>";
msg.Body += "<tr style =\"background-color:#6FA1D2; color:#ffffff;\"><td style=\" border-color:#5c87b2; border-style:solid; border-width:thin; padding: 5px;\">Telephone:</td><td style=\" border-color:#5c87b2; border-style:solid; border-width:thin; padding: 5px;\">" + phone + "</td></tr>";
msg.Body += "<tr style =\"background-color:#6FA1D2; color:#ffffff;\"><td style=\" border-color:#5c87b2; border-style:solid; border-width:thin; padding: 5px;\">Message:</td><td style=\" border-color:#5c87b2; border-style:solid; border-width:thin; padding: 5px;\">" + message + "</td></tr>";
msg.Body += "</table></div>";
if (file != null && file.ContentLength > 0)
{
Attachment atc = new Attachment(file.InputStream, file.FileName);
msg.Attachments.Add(atc);
}
SmtpClient smtp = new SmtpClient();
smtp.Host = "smtp.gmail.com";
smtp.Port = 587;
smtp.Credentials = new System.Net.NetworkCredential("venu.tamada@gmail.com", "9#######");
smtp.EnableSsl = true;
smtp.Send(msg);
msg = null;
return Redirect(pageurl);
}

then run your project enjoy happy coding..




0 comments :

Remember me using jquery

here i am explaining how to implement login remember me using jquery, for this we need jquery cookie plug in please download this plug in from this link http://plugins.jquery.com/cookie/
1. add the below js file to our design page
<script src="../../js/jquery.js" type="text/javascript"></script>

<script src="../../js/jquery.cookie.js" type="text/javascript"></script>
2. page design
@using (Html.BeginForm())
{

<div class="homeinput">
@Html.TextBox("email", "", new {id="uname", placeholder = "Email", type = "email", required = "required" })
</div>
<div class="homeinput">
@Html.TextBox("password", "", new {id="pwd", placeholder = "Password", @required = "required" })
</div>
<input type="submit" class="submit" id="btnlogin" value="go to my account">
<input type="checkbox" id="remember"><label>Remember me</label>
<p>Don't have a login? <span>Request exclusive invite</span></p>
}
 Note: Here i am using mvc view..
3. jquery code for remember me
<script type="text/javascript">
            $(document).on("click", "#btnlogin", function () {
                var remcondition = $('#remember').prop('checked');
                if (remcondition == true) {
                    var username = $('#uname').val();
                    var password = $('#pwd').val();
                    // set cookies to expire in 14 days
                    $.cookie('username', username, { expires: 14 });
                    $.cookie('password', password, { expires: 14 });
                    $.cookie('remember', true, { expires: 14 });
                }
                else {
                    // reset cookies
                    $.cookie('username', null);
                    $.cookie('password', null);
                    $.cookie('remember', null);
                }
            });
            var remember = $.cookie('remember');
            if (remember == 'true') {
                var username = $.cookie('username');
                var password = $.cookie('password');
                // autofill the fields
                $('#uname').attr("value", username);
                $('#pwd').attr("value", password);
            }
            $(document).on("input", "#uname", function () {
                var remember = $.cookie('remember');
                if (remember == 'true') {
                    var username = $.cookie('username');
                    var uname = $("#uname").val();
                    if (username == uname) {
                        var password = $.cookie('password');
                        $('#pwd').val(password);
                    }
                }
            });
        </script>
Then run your page enjoy..


0 comments :

Creating Tree View In Mvc4 using jquery treeview plugin

Here i am explaining how to create treeview in mvc4 using jquery tree view plug in..
1. download the jquery treeview plug from this link http://bassistance.de/jquery-plugins/jquery-plugin-treeview/
2. add the js files and css files for treeview like below to the view..
<link href="../../Css/jquery.treeview.css" rel="stylesheet" type="text/css" />
<script src="../../js/jquery.js" type="text/javascript"></script>
<script src="../../js/jquery.treeview.js" type="text/javascript"></script>

3.create the tree view nodes like below

<ul id="treesevers">
<li>
<div>
Sports
</div>
<ul>
<li>
<div>
Cricket
</div>
</li>
<li>
<div>
Tennis
</div>
</li>
<li>
<div>
Football
</div>
</li>
<li>Hockey </li>
</ul>
</li>
<li>
<div>
Fruits
</div>
<ul>
<li>
<div>
Mango
</div>
</li>
<li>
<div>
Apple
</div>
</li>
<li>
<div>
Grapes
</div>
</li>
</ul>
</li>
</ul>


5.calling the treeview method using jquery

<script type="text/javascript">
$(document).ready(function () {
$("#treesevers").treeview();
});
</script>

Binding data from db to tree view:

Contoller code:

var departments = dc.Department.Select(e => e.departments).ToList();
 List<string> departmentlist = new List<string>();
                        foreach(var department in departments)
                        {
                            departmentlist.Add(department);
                        }
                        ViewBag.departments = departmentlist;

View Design:

<ul id="treesevers">
        <li>
            <div>
                Department
            </div>
            <ul>
                @{
                    var deapartmentlist=ViewBag.departments as List<string>;
                    foreach(string department in deapartmentlist)
                    {
                        <li>
                            <div>
                                @department
                            </div>
                        </li>
                    }
                }
            </ul>
        </li>

    </ul>

then run your project observe the treeview like below









9 comments :