ASP.net (Google me: akash02designer)

Thursday 30 August 2018

Graphic Resources

CLICK HERE

Saturday 27 February 2016

Datalist and bootstrap modal in asp.net

Pre requests - Use bootstrap CDN links

Objective- Add comment from bootstrap modal pop up

Write html outside datalist code

where datalist id- post_datalist

Bootstrap Modal code (we are using a asp hidden field control in modal)
------------------------------

<div class="modal fade" id="add_comment" tabindex="-1" role="dialog"

aria-labelledby="myModalLabel" aria-hidden="true">

<h4 class="modal-title" id="H2">Comment</h4>

</div>

<asp:UpdatePanel ID="UpdatePanel2" runat="server">

<asp:TextBox ID="comment_txt" runat="server" TextMode="MultiLine" Style="width: 100%; min-height: 90px;"></asp:TextBox>

<asp:HiddenField ID="post_id" runat="server" />

</div>

<asp:Label ID="Label2" Visible="false" runat="server"></asp:Label>

<asp:Button ID="post_comment" runat="server" Text="Post comment" CssClass="btn btn-info" OnClick="post_comment_Click" />

<button class="btn btn-info" data-dismiss="modal" aria-hidden="true">Close</button>

</div>

</ContentTemplate>

<asp:AsyncPostBackTrigger ControlID="post_datalist" EventName="ItemCommand" />

<asp:AsyncPostBackTrigger ControlID="post_comment" EventName="Click" />

</Triggers>

</asp:UpdatePanel>

</div>

Now in code behind inside post_datalist_ItemCommand --

//add_comment
if ((e.CommandName == "comment") && (e.CommandArgument != null))
{

int id = Convert.ToInt32(e.CommandArgument);
string code = Convert.ToString(id);
post_id.Value = code;

System.Text.StringBuilder sb = new System.Text.StringBuilder();
sb.Append(@"<script type='text/javascript'>");
sb.Append("$('#add_comment').modal('show');");
sb.Append(@"</script>");
ScriptManager.RegisterClientScriptBlock(this, this.GetType(), "CommentModalScript", sb.ToString(), false);

}

Now when the modal opens you can write the comment and click button- here is the button click function

protected void post_comment_Click(object sender, EventArgs e)
{
string postid = post_id.Value;

Int32 post_id_value = Convert.ToInt32(postid);
comment_save(post_id_value); // here you can call function to save the data
System.Text.StringBuilder sb = new System.Text.StringBuilder();
sb.Append(@"<script type='text/javascript'>");

sb.Append("$('#add_comment').modal('hide');");
sb.Append(@"</script>");
ScriptManager.RegisterClientScriptBlock(this, this.GetType(), "CommentModalScript", sb.ToString(), false);
BindParentDataList();// bind data /refresh

}

Friends pending request,confirm request & friends list table in MSSQL

`Create Two tables`

`User(id, Username)`

`Friends(friend_one ,friend_two,status)`

Here status 0, 1 and 2 values references to Pending Friend Request, Confirm Friend Request and You.

Add friend

INSERT INTO friends
(friend_one,friend_two)
VALUES
(@user_id,@friend_id);

Confirm friend

UPDATE friends
SET status="1"
WHERE
(friend_one=@user_id OR friend_two=@user_id)
AND
(friend_one=@friend_id OR friend_two=@friend_id);

Checking friend

SELECT 'friend_one','friend_two','status' FROM friends
WHERE
(friend_one=@user_id OR friend_two=@user_id)
AND
(friend_one=@user_id OR friend_two=@user_id)

List friends

SELECT * FROM user U
LEFT JOIN Friends F
ON U.id = F.friend_two
WHERE F.friend_one = 1 and status=1
UNION
SELECT * FROM user U
LEFT JOIN friends F
ON U.id = F.friend_one
WHERE F.friend_two = 1 and status=1

Monday 25 January 2016

Bootstrap confirm dialog in asp.net server control

Objective : We use here a html control and server control to activate a confirmation dialog(Bootstrap modal)

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title></title>

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>

<script>

$(document).ready(function () {
$('a[data-confirm]').click(function (ev) {
var href = $(this).attr('href');
if (!$('#dataConfirmModal').length) {

$('body').append('<div id="dataConfirmModal" class="modal fade" role="dialog" aria-labelledby="dataConfirmLabel" aria-hidden="true"><div class="modal-header" style="background: orange; color: white;"><button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button><h3 id="dataConfirmLabel">Please Confirm</h3></div><div class="modal-body" style="background: white;"></div><div class="modal-footer"><button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button><a class="btn btn-primary" id="dataConfirmOK">OK</a></div></div>');
}
$('#dataConfirmModal').find('.modal-body').text($(this).attr('data-confirm'));
$('#dataConfirmOK').attr('href', href);
$('#dataConfirmModal').modal({ show: true });
return false;
});
});
</script>
</head>
<body>
<form id="form1" runat="server">

<a href="delete.cfm" data-confirm="Are you sure you want to delete?">Delete</a>

<asp:LinkButton ID="LinkButton1" runat="server" data-confirm="Are you sure you want to delete?" OnClick="LinkButton1_Click">LinkButton</asp:LinkButton>

<asp:Label ID="Label1" runat="server" Text=""></asp:Label>

</form>
</body>
</html>

Code Behind

-----------------

protected void LinkButton1_Click(object sender, EventArgs e)

{

Response.Write("ok");

}

Friday 22 January 2016

Submit form data without files in dropzone on button click

Objective:
------------
Form data and image file submitted at button click or Form data is submitted without image file on button click.

Dropzone:
-------------
https://rawgit.com/enyo/dropzone/master/dist/dropzone.js

Prerequisites:
---------------
Dropzone Js file corrections(Check out my post below for corrections )

http://aspdotnetcake.blogspot.in/2016/01/dropzone-js-corrections.html

Scripts:
--------------

Script code:

------------------

db_save.ashx
------------------------

string constring = ConfigurationManager.ConnectionStrings["xxxxx_mdf"].ConnectionString;

//HttpFileCollection files = context.Request.Files;

string user = string.Empty;

string xx= string.Empty;
string xx= string.Empty;
string xx= string.Empty;
string xxxx= string.Empty;
string xxx= string.Empty;
string xx= string.Empty;
string xx= string.Empty;
string xx= string.Empty;
string xx= string.Empty;
string xx= string.Empty;
string xxxx= string.Empty;
int photos_count = 0;

user = context.Request["username"];

post_desc = context.Request["desc"];

string title = context.Request["title"];

string dirFullPath = HttpContext.Current.Server.MapPath("~/pictures/");
string[] files;
int numFiles;
files = System.IO.Directory.GetFiles(dirFullPath);
numFiles = files.Length;
numFiles = numFiles + 1;

string str_image = "";

foreach (string s in context.Request.Files)
{

string id = string.Empty;

id = DateTime.Now.ToString("yyyy_MM_dd_HH_mm_ss");

HttpPostedFile file = context.Request.Files[s];
// int fileSizeInBytes = file.ContentLength;
string fileName = file.FileName;
string fileExtension = file.ContentType;
context.Response.Write(status);

if (!string.IsNullOrEmpty(fileName))
{

context.Response.Write(status);

fileExtension = Path.GetExtension(fileName);
Guid g = Guid.NewGuid();
str_image = g + numFiles.ToString() + fileExtension;

string image_path = HttpContext.Current.Server.MapPath("~/pictures/") + str_image;
file.SaveAs(image_path);

Stream streamfile = file.InputStream;
//context.Response.Write(pathToSave_100);

//Start of post data

post_title = context.Request["title"];

post_title = post_title.Substring(0, post_title.IndexOf(','));

event_photo_path = "pictures/" + str_image;
event_photoname = file.FileName;
event_photoid = "xxx" + DateTime.Now.ToString();
event_photo_ext = fileExtension;
photo_hide_code = "0";
photo_username = "";
event_timestamp = DateTime.Now.ToString();
int event_like_count = 0;

photos_count = photos_count + 1;

//DB for photos

if (event_photoname != "")
{

try
{
{

using (SqlConnection con = new SqlConnection(constring))
{
using (SqlCommand cmd = new SqlCommand("insert into db_save values (@xxxx,@xxxxx,@xxxx,@xxxx)", con))
{

cmd.Parameters.AddWithValue("@xxx", );
cmd.Parameters.AddWithValue("@xxx", );

cmd.Parameters.AddWithValue("@xxx", );
cmd.Parameters.AddWithValue("@xxx", );

con.Open();
cmd.ExecuteNonQuery();
con.Close();
status = "ok";
context.Response.Write(status);

return;
}
}
}
}
catch (Exception ex)
{

context.Response.Write(ex);
}
finally
{

}//try catch complete

}//if event_photoname-->complete

}//if filename exists -->complete

}//For each complete

// If no image write code here below

Vectors Icons Photos and Pattern Background

https://gumroad.com/akash02designer

Dropzone Js corrections

Please correct the Dropzone js file

Updated by below redline
------------------------------------------

for (i = _m = 0, _ref5 = files.length - 1; 0 <= _ref5 ? _m <= _ref5 : _m >= _ref5; i = 0 <= _ref5 ? ++_m : --_m) {
// formData.append(this._getParamName(i), files[i], files[i].name);

if (typeof files[i] != "undefined") {
formData.append(this._getParamName(i), files[i], files[i].name);
} else {
formData.append(this._getParamName(i), files[i], "");
}

}

and this redline
-------------------------------

xhr.onload = (function(_this) {
return function(e) {
var _ref;
if (files[0] && files[0].status === Dropzone.CANCELED) {
return;
}
if (xhr.readyState !== 4) {
return;
}

Tuesday 6 October 2015

Dropzone with multiple files in asp.net(upload)

Scripts
--------

<div>

</div>

<div>

</div>

</form>

fileupload.ashx

---------------------

<%@ WebHandler Language="C#" Class="fileupload" %>

using System;

using System.Web;

using System.IO;

public class agoodthing : IHttpHandler {

public void ProcessRequest (HttpContext context) {

context.Response.ContentType = "text/plain";

context.Response.Write("Hello World");

HttpFileCollection files = context.Request.Files;

for (int i = 0; i < files.Count; i++)

{

string title = context.Request["title"];

string photo_name = DateTime.Now.ToString("yyyy_MM_dd_HH_mm_ss");

HttpPostedFile file = files[i];

//string fileExtension = file.ContentType;

string photo_box_id = photo_name ;

string fname = context.Server.MapPath("~/dump/" +photo_box_id+ file.FileName);

file.SaveAs(fname);

//context.Response.Write( title );

}

public bool IsReusable {

get {

return false;

}

Total Pageviews

Thursday 30 August 2018

Graphic Resources

Saturday 27 February 2016

Datalist and bootstrap modal in asp.net

Friends pending request,confirm request & friends list table in MSSQL

Create Two tables

User(id, Username)

Friends(friend_one ,friend_two,status)

Monday 25 January 2016

Bootstrap confirm dialog in asp.net server control

Friday 22 January 2016

Submit form data without files in dropzone on button click

Dropzone Js corrections

Tuesday 6 October 2015

Dropzone with multiple files in asp.net(upload)

`Create Two tables`

`User(id, Username)`

`Friends(friend_one ,friend_two,status)`