Asp.net, C#, MVC, Jquery, Biztalk, XML, XSLT: 2017

Thursday, 14 September 2017

Zoom in, out and print the image

Imageviewer is very good package for zoom image. you can install it from Nuget package

npm install imageviewer

It Provides functionality like to zoom in , Zoom Out, Rotate the image. you can even play in slide view. but does not provide print functionality.

To implement Print functionality requires some changes in Viewer.js and viewer.css

Changes of Viewer.Js

1) In Viewer.TEMPLATE add one li after flip-vertical.

'<li class="viewer-flip-vertical" data-action="flip-vertical"></li>' +
'<li class="viewer-print" data-action="print"></li>' +

2) On click: function (e) Add another case print below flip-vertical

case 'flip-vertical':
this.scaleY(-image.scaleY || -1);
break;

case 'print':
this.printDiv();

break;

3) Add function in js.

printDiv: function()
{
$('.viewer-canvas').print();
},

Viewer.css change

.viewer-print {
background: url(/Content/images/print.png) no-repeat;
background-size: 11px !important;
background-position: center;
}

.viewer-toolbar {
width: 315px;
}

Friday, 8 September 2017

HandsonTable Create Anchor tag dynamically

var dataResult = dataResponse.Items;

dataResponse.Items is your resultset.

If you want to set anchor tag and redirect to any other page on click of view.

for (var i = 0; i < dataResult.length; i++) {

dataResult[i].View = "<a onClick=' RedirectToMaintenancePage(" + dataResult[i].WarehouseNumber + "," + dataResult[i].Ordered + "," + dataResult[i].Received + ",\"" + dataResult[i].PONumber + "\",\"" + dataResult[i].PartNumber + "\",\"" + dataResult[i].Make + "\" )'>View</a>";

}

var hotElement = document.querySelector('#hot');

var hotSettings = {
data: dataResult,
columns: [
{ data: "View", renderer: "html", editor: false },
{ data: 'WarehouseNumber', type: 'numeric' },
{ data: 'PONumber', type: 'text' },
{ data: 'Ordered', type: 'numeric' },
{ data: 'Received', type: 'numeric' },
{ data: 'BackOrdered', type: 'numeric' },
{ data: 'Make', type: 'text' },
{ data: 'PartNumber', type: 'text' },
{ data: 'DateEntered', type: 'date', dateFormat: 'MM/DD/YYYY' },
{ data: 'DateReceived', type: 'date', dateFormat: 'MM/DD/YYYY' }

],
stretchH: 'all',
autoWrapRow: true,
//height: 342,
height: height,
colHeaders: [
'',
'Whse',
'PO',
'Ordered',
'Received',
'Back Order',
'Make',
'Part',
'Date Entered',
'Date Received',

]
};

hotInquiry = new Handsontable(hotElement, hotSettings);

Thursday, 2 March 2017

Attach images in email body in asp.net

in email body if you want to attach images which is in your images folder. Like in signautre we put
facebook, twitter link with icon then below is the code.

bool isMailSent = false;
string SmtpHost = Convert.ToString(ConfigurationManager.AppSettings["smtpClient"]);
string SmtpUserName = Convert.ToString(ConfigurationManager.AppSettings["MailerUser"]);
string SmtpPassword = Convert.ToString(ConfigurationManager.AppSettings["MailerPassword"]);

SmtpClient mailClient = new SmtpClient(SmtpHost);
mailClient.Credentials = new System.Net.NetworkCredential(SmtpUserName, SmtpPassword);

MailMessage msg = new MailMessage();
msg.IsBodyHtml = true;

msg.To.Add(new MailAddressAppSetting.ToEmailAddress
msg.From = new MailAddress(AppSetting.FromEmailAddress);
msg.Subject = "Test Attach image";

StringBuilder sb = new StringBuilder();

string Str = "<html>";
Str += "<head>";
Str += "<title></title>";
Str += "</head>";
Str += "<body>";
Str += "<table border=0 width=95% cellpadding=0 cellspacing=0>";
Str += "<tr>";
Str += "<td> Good Day </td>";
Str += "</tr>";
Str += "<tr>";
Str += "<td>Please feel free to contact me with any questions, comments or concerns. </td>";
Str += "</tr>";

Str += "<tr>";
Str += "<td><b>Thanks,</b></td>";
Str += "</tr>";
Str += "<tr>";
Str += "<td><b>Marry</b></td>";
Str += "</tr>";
Str += "<tr>";
Str += "<td>Mary@gmail.com</td>";
Str += "</tr>";
Str += "<tr>";
Str += "<td> </td>";
Str += "</tr>";
Str += "<tr>";
Str += "<td><img src=cid:CompanyLogo></td>";
Str += "</tr>";
Str += "<tr>";
Str += "<td> </td>";
Str += "</tr>";
Str += "<tr>";
Str += "<td><a href='#'><img src=cid:facebook></a><a href='#'><img src=cid:twitter></a> <a href='#'><img src=cid:linkedin> </a></td>";
Str += "</tr>";

Str += "</table>";
Str += "</body>";
Str += "</html>";

string Body = Str;

msg.Priority = MailPriority.Normal;
AlternateView htmlView = AlternateView.CreateAlternateViewFromString(Body, null, "text/html");

string imgFile = AppDomain.CurrentDomain.BaseDirectory + "images\\image001.png";
LinkedResource inline = new LinkedResource(imgFile);
inline.ContentId = "CompanyLogo";
htmlView.LinkedResources.Add(inline);

imgFile = AppDomain.CurrentDomain.BaseDirectory + "images\\facebook.gif";
inline = new LinkedResource(imgFile);
inline.ContentId = "facebook";
htmlView.LinkedResources.Add(inline);

imgFile = AppDomain.CurrentDomain.BaseDirectory + "images\\twitter.gif";
inline = new LinkedResource(imgFile);
inline.ContentId = "twitter";
htmlView.LinkedResources.Add(inline);

imgFile = AppDomain.CurrentDomain.BaseDirectory + "images\\linkedin.gif";
inline = new LinkedResource(imgFile);
inline.ContentId = "linkedin";
htmlView.LinkedResources.Add(inline);

msg.AlternateViews.Add(htmlView);

if (fileList != null)
{
foreach (var item in fileList)
{
Attachment att = new Attachment(item);
msg.Attachments.Add(att);
}
}

try
{
mailClient.Send(msg);

isMailSent = true;
}
catch (Exception ex)
{

}

Monday, 30 January 2017

Stop Recommended videos and Thumbnail images in embed youtube video

If you want to stop recommended videos after finishing video then you need to add one attribute link in embed youtube url.

to embed youtube video in code below is link to display.

https://www.youtube.com/embed/"+ youtubevideoid +"

now stop recommended videos just add rel=0 in above link.

https://www.youtube.com/embed/" + youtubevideoid + "?rel=0

now if you want to take thumbnail image of respected video then below is the link.

https://img.youtube.com/vi/" + youtubevideoid + "/2.jpg