Tech Updates

This is the question asked to me by one of my follower if I am replying late then sorry else have a look:

You can follow below process:

Download whole project
Add images,css and js folder in to your solution explorer.
Add a new page.
Add below lines under head section :

5. Before place any control of asp.net Add below line:

6. Now ,add an asp.net image control under the anchor <a></a> tag like below :

<asp:Image ID="Image1" runat="server" ImageUrl="images/thumb-1.jpg" Width="100" Height="55"/></a>

7. Add below lines in to a div:

<asp:Image ID="Image1" runat="server" ImageUrl="images/thumb-1.jpg" Width="100" Height="55" />

</a>

<asp:Image ID="Image2" runat="server" ImageUrl="images/1 -thumb.jpg" Width="100" Height="55"/> </a>

<asp:Image ID="Image3" runat="server" ImageUrl="images/2-thumb.jpg" width="100" height="55" />

</a>

Here I use three different sizes of images in the same size of asp.net image control.

Save all the work and view the page in browser if something you want to edit or modify write codes in css or js or ask to me.

Thanks

Neha Sharma

Download source code files

Introduction:

Now a day’s online shopping website online forums, deal website, bidding website is in demand and the need is on the high priority, even there are more projects are in queue for me to develop.

I saw, these kind of website requires a rating option to rate each product, deals etc.There are many ways to do this in php or wordpress or shopping cart but as we know ASP.net is not much easy like these, because these contains plugins just to install them and copy paste some code there, and ready, but I must say here it ll be very quick method but most of the time these things create much problems.

Anyways here I tried to explain to “create rating in ASP.Net”.

Requirement:

Add Ajaxcontroltoolkit.dll

Code:

Write below code in to your source code :

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="asp" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<title>AJAX Rating Control</title>

.ratingStar

{

font-size: 0pt;

width: 13px;

height: 12px;

cursor: pointer;

display: block;

background-repeat: no-repeat;

}

.filledStar

{

}

.emptyStar

{

}

.savedStar

{

}

.auto-style1 {

height: 50px;

}

</style>

</head>

<body>

<div>

<asp:ToolkitScriptManager ID="ToolkitScriptManager1" runat="server">

</asp:ToolkitScriptManager>

<tr>

 </td>

</tr>

<tr>

Rate My Article</td>

</tr>

<tr>

<asp:Rating ID="Rating1" runat="server" StarCssClass="ratingStar" WaitingStarCssClass="savedStar"

FilledStarCssClass="filledStar" EmptyStarCssClass="emptyStar" AutoPostBack="true" CurrentRating="1" MaxRating="5"

OnChanged="Rating1_Changed"></asp:Rating>

</td>

</tr>

<tr>

<asp:Label ID="lbl_point" runat="server"></asp:Label>

</td>

</tr>

</table>

</div>

</form>

</body>

</html>

Add below code for code behind page :

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

public partial class _Default : System.Web.UI.Page

{

protected void Page_Load(object sender, EventArgs e)

{

}

protected void Rating1_Changed(object sender, AjaxControlToolkit.RatingEventArgs e)

{

lbl_point.Text="You rated " + e.Value.ToString();

}

Save the whole work and run the page it ll look like below image:

Hope it ll help .

Thanks

Neha Sharma

Tech Updates

Monday, 25 February 2013

ASP.Net : Create Image Gallery | Neha Sharma

Saturday, 23 February 2013

ASP.Net : Create Star Rating | Neha Sharma

Which Game Engine you should choose | Neha Sharma

Live Feeds