Category Archives: C#

  • 4

MVC Architecture

MVC architecture  is basically designed to separate the business logic and application data from the presentation data to manage easily.
MVC stands for L Model – View – Controller

1).  Model: The model object knows about all the data that need to be displayed. It is model who is aware about all the operations that can be applied to transform that object. It only represents the data of an application. The model represents enterprise data and the business rules that govern access to and updates of this data. Model is not aware about the presentation data and how that data will be displayed to the browser.

2). View : The view represents the presentation of the application. The view object refers to the model. It uses the query methods of the model to obtain the contents and renders it. The view is not dependent on the application logic. It remains same if there is any modification in the business logic. In other words, we can say that it is the responsibility of the of the view’s to maintain the consistency in its presentation when the model changes.

3). Controller:  Whenever the user sends a request for something then it always go through the controller. The controller is responsible for intercepting the requests from view and passes it to the model for the appropriate action. After the action has been taken on the data, the controller is responsible for directing the appropriate view to the user. The views and the controllers work very closely together.

Advantages of using the MVC Architecture.

1. Code developed using MVC is resuable
2. When the problems recurs, there is no need to invent a new solution, we just have to follow the pattern and adapt it as necessary.
3. By using the MVC design pattern our application becomes more expressive.
4. Expaning of an application is very easy as business logic is seperated from UI.
5. Tomorrow if you need to switch the database from, say, SQL to Oracle you dont need to change the whole application, only the Model layer will be changed.

Bookmark and Share

  • 28

Tips for Creating a better E-Commerce Application

E-Commerce, A name started few years back and now ruling the world. Most of the companies started their E-Commerce portals to sell products online to increase their sales and some are even only online portals they don’t have off line stores and they sell some one else’s products.

Now a days people want the products at their door steps. If your services are on time then no one can beat you in E-Commerce, Following are few of recommendations to develop an E-Commerce Application:

1. A neat and clean website design

Your website UI design must be very clear and soothing that users visit again and again, atleast to review the design.

2. Avoid Ads:

if you want to show some Ads go for internal Ads, Like Ad of one of your product which is going to appear on other page

3. Easy to find Products:

Put a Search box, so that users can easily find the products on website, People don’t remember SKUs so make the search keyword enabled, better to go for Full Text Search.

4.  Better Searched Results Page:

The search results page should be interactive enough to display the maximum products and at the same time the page should not be cluttered enough that irritates the customer to find the required product.

5. Put Drill Down on Searched Results:

The successful websites like Amazon, E-Bay, CNET etc have the Drill Downs impemented on the searched results. Suppose user entered the keyword “Laptop” in the search box, Now it will display the list of all the laptops in the searched results but the true E-Commerce leader will display the searched results as the Groups of Laptops. Grouping by Brand, Grouping By common paratmeters like screen size, RAM, Processor, Next Generation Processors, Price Slabs (500$ – 800$, 1000$ to 1200$) etc so that user’s can easily idetify the product that they required.

6. Product Details Page:

Your  product details page is very important for the user, as its going to behave like a Sales Man, Display the product with Multiple pictures, one picture on the screen of medium size and show some icons of the images below the main image and let the user to view the bigger images. Give all the four views of a product to user for his satisfaction.

Dont write very long descriptions, describe important points and give a summary too.

7. Product Variants:

Display variants of products on Product Detail Pages. When you enter a shop and check a laptop the sales person will also show you the different models of that laptop or different skins available for that so that you can have options to buy. similarily this page is your sales man.

8. Shopping Cart:

Make an interactive shopping cart, easy to operate where the quantity of the prodcuts can be altered.

9. Easy Checkout:

There should be an easy checkout system, Users should be able to enter multiple Shipping addresses while let them have only one billing address and store those shipping and billing addreses for future usage.

10. Payment Gateway Integration:

Always go for Secured and known payment Gateways like paypal, google that people can trust over.

11. Use SSL certificate to make the pages secured:

Its very necessary for you to implement the SSL certificate to prevent fraud and theft of your important information.  Users will not trust your site untill it has the SSL installed – i mean https://

12. Display Secured Logos:

Display the logo of that SSL provider on your website that let the users know that the site is secured. there are various organizations who keep on testing your websites and make sure that your website is hackers safe and fraudulent free. Like Hackerssafe. keep these logos on your website that will assure users that your site is protected and safe which will eventually increase your site traffic.

13. Let the people sell your Products on their sites:

Pubish the XML / CSV feeds. Let people subscribe to that. In this way, your product selling will increase and your brand will be promoted.

14. Google Page Rank:

Google page rank play an important role in E-Commerce Applications, Now a days users are more smart than the programmers. They know the importance of Google Page Rank and they know if a site has high Page rank (atleast PR-4) that means that site has importance in Google eyes and will be Good. Click here to find steps to increase Google Page Rank

15 Alexa Page Rank:

Alexa page rank defines the usage of the site. It shows the rank of a page as per the visits of  the users. so user can some to know how popular is your site is.

These were few steps to make your e-commerce application as the best E-Commerce application.

We at Zonix develop these E-Commerce Application, if you would like to go for that – contact at or email at Few more things are more which we will be publishing in near future. Keep visiting.

Bigbuyindia is an E-Commerce Portal where you can buy India Jewellery products.

Bookmark and Share

  • 0

Web Parts


This article discuss about the Web Parts, new feature introduced in ASP.NET 2.0. Web Parts are objects which the end user can open, close or move from one zone of the page to another. Web Parts allows for personalization of page content. They allows users to move or hide the Web Parts and add new Web Parts changing the page layout.

Web Parts Modes

Modes are very powerful in that they enable user to edit Web Parts, delete the Web Parts or customize Web Parts.

m    a) Normal mode: End user cannot edit or move sections of page. Simple Browser mode.

m    b) Edit Mode: End user can edit Web Parts on the page including Web Parts title, setting custom properties.

m    c) Design Mode: End user can rearrange the order of the page Web Parts in a WebPartZone.

m    d) Catalog Mode: End user enjoys the choice to add new Web Parts in any WebPartZone on the page.

Web Part Manager:-

Web Part Manager control is server control that completely manages the state of the zones . This control doesn’t have any visual interface,. You can have only one WebPartManager for each page that works with Portal Framework.

Web Part Zone:-

You can declare each web zone in one of two ways. You can use the <asp:WebPartZone> element directly in the code, or you can create the zones within the table by dragging and dropping Web Part Zone controls onto the design surface. You can place anything in zones including HTML elements, web server controls, user controls and custom controls. Any thing placed into WebPartZone can be treated as Web Part. Useful attributes of WebPartZone include LayoutOrientation attribute which controls the display of items either horizontally or vertically.

Catalog Zone:-(To add new Web Part)—-Catalog Mode

The ASP.NET 2.0 Portal Framework enables an end user to add Web Parts, but you must also provide the end user with a list of items he can add. It is designed to allow for categorization of the items that can be placed on the page. Catalog Zone is also a template control. The Catalog Zone control contains a title and checkbox list of items that can be selected. The Catalog Zone control also includes a drop down list of all available Web Part Zones on the page. From here, you can place the selected Web Parts into one of the Web Part Zones available from the list.

CatalogZone Contains CatalogPart controls like DeclarativeCatalogPart, PageCatalogPart, and ImportCatalogPart.

·       PageCatalogPart: Provides a page catalog of Web Part controls that a user has closed on a Web Parts page, and that the user can add back to the page.

·       DeclarativeCatalogPart: Enables developers to add a catalog of Web Part controls to a Web page so that users can choose whether to add them to a page.

·       ImportCatalogPart: Imports Web Parts controls, so that the control can be added to a web page with pre-assigned settings.

Changing mode of page:-

You can use either WebPartManager class directly or through the use of WebPartManager server control, you can change the mode of page. Changing the mode allows the user to make changes to pages they are working with. All the changes (mode changes) are recorded to ASPNETDB.MDF database associated with app_data directory created exclusively for Web Parts. Using WebPartManager object, you can add new Web Parts to the page. It also enables end user to drag and drop elements around the page.

Moving Web Parts—Design Mode

We can also move WebParts from one zone to another zone. This is possible through Design mode. To move any control just hover mouse over title of the control and you can see crosshair mouse symbol. Click the left mouse button and hold the Web Part and drag it to any WebPartZone. While dragging, the control it becomes transparent and drops the control in WebPartZone.

Editing the Web Parts—Editing Mode

Another Web Part mode that allows end-user to edit the Web Parts is Edit mode. This mode enables users to modify the settings related to behavior, appearance and layout for a particular Web Part on the page. When the user change the mode to edit you can see Appearance Editor/Layout Editor appear in the EditorZone. Appearance section allows users to change title and how the title of Web Part appears. Layout section enables user to change the order in which Web Parts appears in a zone or move Web Parts from one zone to another. Behavior section enables site editors to change dynamics of how end user can modify Web Parts.

Connection Between Webparts:-

Web parts are also capable of exchanging data between them, using web part connections. Using connections, you can have one web part provide one or more property values that can be used by other web parts on the page.

A WebPart Connection is a mechanism for sharing or transferring data from one Web Part (called the provider) to another Web Part (called the consumer). it is the ability to expose an interface to a WebPart (Provider) that another WebPart (Consumer) can connect to and use it

·       Connection types

Provider :-
– Control that provides data information
– Implements a provider connection point
– Defines a call back that returns an instance of the interface
– One provider connection point can connect to any number of consumer connection points of the same type

Consumer :-
– Control that gets data
– Implements a consumer connection point
– Defines a call back that gets an instance of the interface return by provider
– One consumer connection point can connect to only one provider connection points of the same type

·       Connection To establish a communication channel between provider and consumer WebParts so that they can exchange required information as defined in communication contract. A connection is establish between two connection points.The ConnectionPoint base class defines an object that is associated with a consumer or provider and contains the details necessary to exchange data. The ProviderConnectionPoint is associated with the provider, and the ConsumerConnectionPoint is associated with the consumer.

you must specify the following required attributes in addition to the id and runat attributes:

·       ConsumerID – Indicates the ID of the consumer control in the connection.

·       ConsumerConnectionPointID – Indicates the ID of a special callback method in the consumer used to establish the connection. This attribute is required only if the consumer has more than one connection point. For details on connection points, see ConnectionPoint.

·       ProviderID – Indicates the ID of the provider control in the connection.

·       ProviderConnectionPointID – Indicates the ID of a special callback method in the provider used to establish the connection. This attribute is required only if the provider has more than one connection point.

Courtesy: The Seo Guru, A Software Development Company, Best OOPS Blog Site, Link Submission, Thanks to Shopping  Site for Link Exchanging

Bookmark and Share

  • 0

New in C-Sharp 3.0


New in C-Sharp 3.0

New in C# 3.0
This article discusses the following major new enhancements expected in C# 3.0:
• Implicitly typed local variables
• Anonymous types
• Extension methods
• Object and collection initializers
• Lambda expressions
• Query expressions
• Expression Trees

Implicitly typed local variables:
C# 3.0 introduces a new keyword called “var”. Var allows you to declare a new variable, whose type is implicitly inferred from the expression used to initialize the variable.
Syntax: var i=1;
The preceding line initializes the variable i to value 1 and gives it the type of integer. It is not an object or variant.
Anonymous types:
C# 3.0 gives you the flexibility to create an instance of a class without having to write code for the class beforehand. So, you now can write code as shown below:
new {StudentID=1, StudentName=”XYZ”, Marks=90}
The preceding line of code, with the help of the “new” keyword, gives you a new type that has three properties: StudentID, StudentName, and Marks. Behind the scenes, the C# compiler would create a class that looks as follows:
class __Anonymous1
private int _StudentID = 1;
private string _StudentName = “XYZ”;
private int _Marks = 64;
public int StudentID {get { return _StudentID; } set { _StudentID = value; }}
public string StudentName {get { return _StudentName; } set { _StudentName = value; }}
public int Marks {get { return _Marks; } set { _Marks = value; }}

Extension methods:

Extension methods enable you to extend various types with additional static
methods. Extension methods can be declared only in static classes and are identified by
the keyword “this” as a modifier on the first parameter of the method.

The following is an example of a valid extension method:
public static int ToInt32(this string s)
return Convert.ToInt32(s) ;
Object and collection initializers:
C# 3.0 is expected to allow you to include an initializer that specifies the initial values of the members of a newly created object or collection. This enables you to combine declaration and initialization in one step.
For instance, if you defined a CoOrdinate class as follows:
public class CoOrdinate
public int x;
public int y;

You then could declare and initialize a CoOrdinate object using an object initializer, like this:

var myCoOrd = new CoOrdinate{ x = 0, y= 0} ;
You should easily be able to give values to collections in a rather concise and compact manner in C# 3.0.
In C# 2.0 Code we write :

List<string> animals = new List<string>();


It can be written in  C# 3.0 shortened to simply.
List<string> animals = new List<string> {“monkey”, “donkey”, “cow”, “dog”, “cat” } ;
Lambda expressions:
C#(1.x) allowed you to write code blocks in methods, which you could invoke easily using delegates.Delegates are definitely useful, and they are used throughout the framework, but in many instances you had to declare a method or a class just to use one. Thus, to give you an easier and more concise way of writing code, C# 2.0 allowed you to replace standard calls to delegates with anonymous methods.
In C# 2.0, using anonymous methods, you could rewrite the code as follows:
class Program
delegate void DemoDelegate();
static void Main(string[] args)
DemoDelegate myDelegate = delegate()
The above code can now be replaced with the following code in C# 3.0:
class Program
delegate void DemoDelegate();
static void Main(string[] args)
DemoDelegate myDelegate = () => Console.WriteLine(“Hiya!!”) ;

Reference Site:

Bookmark and Share

  • 3



C# supports parallel execution of code through multithreading. A thread is an independent execution path, able to run simultaneously with other threads.A C# program starts in a single thread created automatically by the CLR and operating system (the “main” thread), and is made multi-threaded by creating additional threads.The CLR assigns each thread its own memory stack so that local variables are kept separate.

Threading enables your C# program to perform concurrent processing so you can do more than one operation at a time. The System.Threading namespace provides classes and interfaces that support multithreaded programming and enable you to easily perform tasks such as creating and starting new threads, synchronizing multiple threads, suspending threads, and aborting threads. The advantage of threading is the ability to create applications that use more than one thread of execution.

How Threading Works

Multithreading is managed internally by a thread scheduler, a function the CLR typically delegates to the operating system. A thread scheduler ensures all active threads are allocated appropriate execution time, and that threads that are waiting or blocked – for instance – on an exclusive lock, or on user input – do not consume CPU time.

On a single-processor computer, a thread scheduler performs time-slicing – rapidly switching execution between each of the active threads.

On a multi-processor computer, multithreading is implemented with a mixture of time-slicing and genuine concurrency – where different threads run code simultaneously on different CPUs. It’s almost certain there will still be some time-slicing, because of the operating system’s need to service its own threads – as well as those of other applications.

Killing a Thread:

We can kill a thread by calling the


Abort method of the thread.


Suspend and Resuming Thread:

We can suspend the execution of a thread and once again start its execution from another thread using the Thread object’s Suspend and Resume methods.

  MyThread.Suspend() // causes suspend the Thread Execution.


  MyThread.Resume() // causes the suspended Thread to resume its execution.



Creating and Starting Threads

Threads are created using the Thread class’s constructor, passing in a ThreadStart delegate – indicating the method where execution should begin.  Here’s how the ThreadStart delegate is defined:

public delegate void ThreadStart();

Calling Start on the thread then sets it running. The thread continues until its method returns, at which point the thread ends. Here’s an example, using the expanded C# syntax for creating a TheadStart delegate:

class ThreadTest {

  static void Main() {

    Thread t = new Thread (new ThreadStart (Go));

    t.Start();   // Run Go() on the new thread.



  static void Go() { …..}

A thread can be created more conveniently using C#’s shortcut syntax for instantiating delegates:

static void Main() {

  Thread t = new Thread (Go);    // No need to explicitly use ThreadStart




static void Go() { … }

In this case, a ThreadStart delegate is inferred automatically by the compiler. Another shortcut is to use an anonymous method to start the thread:

static void Main() {

  Thread t = new Thread (delegate() { Console.WriteLine (“Hello!”); });



A thread has an IsAlive property that returns true after its Start() method has been called, up until the thread ends.A thread, once ended, cannot be re-started.

  • 21

Some very special features of crystal reports

Visit: .comhttp://www.zonixsoft

Create a Watermark

A watermark is a graphical or textual element that is placed behind the rest of yourreport. Examples of useful watermarks are your company logo, the word “Draft,”or other items that you may want to appear right behind the rest of the elements of your report.


1. Open the report you wish to add the watermark to. Ensure that the Designtab is selected.

2. Position your mouse over the gray Page Header section name. Right-click.

3. Choose Insert Section Below from the pop-up menu. This will insert a second page header section (you’ll now see Page Header a and Page Header b).

4. Insert the graphic or text you want to appear behind the rest of the report into Page Header b (it’s helpful if the graphic has been lightened with a graphic editing program, or if the text is formatted with a light shade of font color).

5. If you want the watermark to appear more toward the vertical center of the page, make Page Header b taller and move the graphic or text farther down in the section.

6. If you want to repeat the watermark more than once on a page, insert it into Page Header b several times, or copy and paste the original item several times in Page Header b.

7. Position your mouse over the gray Page Header b section name. Right-click.

8. Choose Format Section from the pop-up menu in Crystal Reports 8.5, or Section Expert from the pop-up menu in Crystal Reports 9. This will display the Section Expert.

9. Choose the Underlay Following Sections check box for Page Header b in the Section Expert. Click OK to close the Section Expert.

10. If you wish to underlay items in the existing Page Header a section (field titles, the report title, and so forth), swap Page Header b and Page Header a by holding your mouse button down on either gray page header section name. When the mouse cursor changes to the hand icon, drag and drop the page header on top of the other page header. The sections will swap.


Change Graphics According to a Condition

Crystal Reports features the capability to format report objects (database fields, formulas, text objects, and so forth) conditionally, depending on the contents of a field, formula, or other condition. However, you may wish to actually insert several different graphic or picture files on your report and display them only when a certain condition occurs.


1. Open or create the report that you wish to add multiple conditional graphics to.

2. Add as many graphics to the report as are required. For example, if you want to display “thumbs up” and “thumbs down” graphics, add both graphic files to the report.

3. Place the graphics side by side, so that you may select each graphic individually.

4. Select the first graphic by clicking on it. Right-click. From the pop-up menu, select Format Graphic. The Format Editor will appear.

5. Select the Common tab. Next to the Suppress check box, click the Conditional Formula button. The Format Formula Editor will appear.

6. Add a Boolean formula to conditionally suppress the graphic. For example, to suppress the graphic if Last Year’s Sales is less than $50,000, enter a formula similar to this:

{Customer.Last Year’s Sales} < 50000

7. Click the Save button to close the Format Formula Editor. Click OK to close the Format Editor.

8. Repeat steps 4–7 for the remaining graphics, using “mutually exclusive” condition formulas, so that only one graphic at a time will display. For example, to suppress another graphic if Last Year’s Sales is greater than or equal to $50,000, enter a formula similar to this:

{Customer.Last Year’s Sales} >= 50000

9. Select each graphic and place it on top of the others, so that all graphics are placed in the same position. Because of the “mutually exclusive” conditional formatting, only one will appear at a time when the report is displayed.


Use WingDings and Other Symbol Fonts

By default, Crystal Reports uses a particular font face and size for report objects. While you can change the default font choices in the File | Options dialog box, you can also choose font face and size for individual report objects. You are not limited to standard letter-oriented fonts—you may choose symbol fonts such as Wingdings and Webdings as easily as you can choose letter-oriented fonts.


1. Add a database field, text object, formula, or other textual element that you wish to display as a symbol to the report.

2. Ensure that the object returns a character value that will “map” to the proper symbol. For example, to display a smile or frown with theWingdings font, you might create a formula similar to this:

If {Customer.Last Year’s Sales} < 50000 Then




3. Select the object you wish to format with a symbol font.

4. Either using the Formatting toolbar or the Format Editor, select the symbol font (such as Wingdings or Webdings) that you’d like to use.

Tip: To determine what the proper character value is for the desired symbol, make use of the Windows Character Map. You may choose the symbol font and character you’d like to use and copy the character to the clipboard. Then, when you paste the character into a Crystal Reports formula or text object, the proper symbol will appear when you format the object with the symbol font. The Character Map is available from the System Tools submenu of the Accessories menu from the Start button Programs list.



Eliminate Blank Address Lines

Crystal Reports is often used for form letters, envelopes, or other mailing applications. In many cases, there is a need to eliminate blank address or “suite number” lines in an address for certain addresses. This can be accomplished in two ways: by embedding multiple address lines in a text object, or by using multiple report sections.

The text object method, while simpler in approach, will not automatically adjust vertical placement of objects that follow on the report. For example, if the address contains four lines in one form letter and three lines in the next, the remainder of the form letter below the text object will not move up or down automatically depending on the vertical size of the text object. For situations that require automatic vertical adjustment of text that follows the address, you’ll need to use multiple report sections.


Text Object

To eliminate blank lines using a text object, follow these steps:

1. Add a text object to your report. You will combine several database fields inside this text object.

2. Display the Field Explorer. Drag desired fields into the text object, separating database field with necessary characters, such as commas and spaces. In particular, drag the first address line (that might contain the street number) into the text object. Press ENTER to add a carriage return. Then, drag the second address line that will not always contain data (this might contain the suite number) into the text object. Press ENTER again. Then, drag in City, State, and Zip Code.

3. End editing by clicking anywhere outside the text object.

4. Select the text object you just created. Right-click and choose Format Text from the pop-up menu. The Format Editor will appear.

5. On the Common tab, click the Suppress Embedded Field Blank Lines options. This will suppress any lines in the text object that contain no data.


Shade Every Other Report Line

Although most companies have replaced mainframe “green-bar” or “blue-bar” reports with laser-printed output, there’s still a benefit to shaded sections when heavy textual information is being viewed. Shading lines in alternate colors or shades makes it easier for the eye to follow the line across the page. Crystal Reports enables this technique to be easily used for reports that may be printed on paper or viewed online.

By using the Mod function (which performs modulus arithmetic—returning the remainder of a division operation instead of the quotient), combined with the RecordNumber function (which simply numbers each report record sequentially), you may produce creative banded reports.


1. Point to the gray Details section name in the Design tab, or the gray D section name in the Preview tab. Right-click.

2. Choose Format Section from the pop-up menu in Crystal Reports 8.5 or Section Expert from the pop-up menu in Crystal Reports 9. The Section Expert will appear.

3. Ensure that the Details section is selected in the Section Expert. Click the Color tab.

4. Click the Conditional Formatting button. The Format Formula Editor will appear.

5. Enter a formula similar to the following (you may change the formatting color to your desired color):

If RecordNumber Mod 2 = 0 Then crSilver Else crNoColor

6. You may alter the frequency of the banding if you desire. For example, to shade every two lines, you can modify the formula as follows:

If RecordNumber Mod 4 In 1 To 2 Then crSilver Else crNoColor

Tip: Use of the crNoColor color constant instead of crWhite will show the alternating report sections with a certain degree of transparency. This may be helpful for certain reporting situations where you wish background information (such as a watermark) to appear behind the sections.

Courtesy: The Seo Guru, A Software Development Company, Best OOPS Blog Site, Link Submission, Thanks to Shopping  Site for Link Exchanging

  • 0

Icon in the Address bar Textbox in Browsers


(Short Cut) Icon in the Address bar Textbox in Browsers

You have to insert this line after the <head> tag in your html / ASPX / Master Page.

<link rel=”shortcut icon” href=”images/MyComp.ico”>

Make sure the image is file type .ico (for icon). Also, after inserting this line, the image may not appear immediately. So, Try to Refresh the page.

Here’s an article for that:

How to Add a Shortcut Icon to a Web Page


Other way to achieve the same thing is as follows


       Save the icon with the default file name of favicon.ico to the root directory of your domain—for example, The first time a user visits your Web page, Internet Explorer automatically searches for this file and places the icon in the address bar, next to all favorites linking to your site, and on page tabs. In Internet Explorer 5 and Internet Explorer 6, the icon will appears only after a user adds the site to the Favorites menu.


You can use either method, or both. However, if you use the First method, whichever icon you point to in the link tag on each page will be displayed instead of the default favicon.ico file at the root of your domain.

Bookmark and Share

  • 1

Convert Date Formats :


//For ex., Convert MM/dd/YYYY to dd/MM/yyyy

string date = “03/27/2008”; //format is MM/dd/yyyy

DateTimeFormatInfo dateTimeFormatterProvider = DateTimeFormatInfo.CurrentInfo.Clone() as DateTimeFormatInfo;

dateTimeFormatterProvider.ShortDatePattern = “MM/dd/yyyy”; //source date format

DateTime dateTime = DateTime.Parse(date, dateTimeFormatterProvider);

string formatted = dateTime.ToString(“dd/MM/yyyy”); //write the format in which you want the date tobe converted

Response.Write(“<br />” + formatted);

Bookmark and Share

  • 3

Customizing the Map using Google Maps API

Get ready to code! In this section, we’ll be making changes and additions to the map HTML file to customize the map based on your preferences.


1.    Open your myapp.html file.

2.    Add the code to center the map at particular the latitude/longitude .The line that centers the map in the current code is: map.setCenter(new GLatLng(37.4419, -122.1419), 13);


This line calls setCenter on the map object, and passes in a GLatLng for the center, and a number for the zoom level. Change the two parameters of GLatLng to the latitude/longitude you want to locate, and if you’d like, change the zoom parameter. Zoom level 0 is the lowest zoom level (showing all of the world), and increasing numbers zoom in closer.


3.    Add code to change the default map type. Currently the map is showing the Map map type, which shows street names, country borders, etc. The other two options are the Satellite and Hybrid map types. You can see the difference at by pressing each of the three buttons in the top right corner. The line of code to change the map type is:





    The default that it’s already using is G_NORMAL_MAP, so if you      want to change it, use either G_SATELLITE_MAP or G_HYBRID_MAP. Add this line of code after the map.setCenter code.


4.    Add the code to create a marker at the center of the map, like the markers you see when you find businesses on Google Maps. The line of code to create a marker is:

var marker = new GMarker(new GlatLng(34.019968,-118.289988));

The line of code to add a marker to the map is:



5.    Add the code to open an info window (bubble) over the marker and add some information about the location.

The code to open an info window over a marker is:



var html=”<img src=’simplemap_logo.jpg'” +

“width=’128′ height=’41’/> <br/>” +

“USC GamePipe Lab<br/>” +

“3650 McClintock Ave, Los Angeles CA”;


As you can see from my example, you can pass any HTML into the info window. You do need to be careful about quotation marks in the HTML, however. Here, I’ve used double quotation marks around the HTML, and single quotation marks around attributes in the HTML tags.

If you include an IMG tag in the HTML, you should define the width and height attributes of the image so that the info window is sized correctly to fit the image inside.



6.    Add the code to add controls to the map. On the map, you’ll notice multiple controls overlaid on the map that aid you in navigation and changing the map view. With the API, you can add any of these controls to your map, and you may want to do so to let people visiting your map view the area around your map. Here are the various controls options:

map.addControl(new GSmallMapControl());

map.addControl(new GLargeMapControl());

map.addControl(new GSmallZoomControl());

map.addControl(new GScaleControl());

map.addControl(new GMapTypeControl());

map.addControl(new GoverviewMapControl());


You should only add one of the zoom/pan controls: either GSmallMapControl, GLargeMapControl, or GSmallZoomControl, since they show up in the same location and accomplish similar things. You can add any or all of the other controls, as you so desire. These lines of code should be added anywhere under the map.setCenter line.

   7.Change the HTML to resize the map. The default map has dimension of  500×300 pixels. You may want your map to be larger or smaller than that. The map size is dependent on the size of the div that the map is initialized within, so you’ll need to change the dimensions of that div to your desired dimensions. Find the following line of code and replace the default width and height to whatever you want:


<div id=”map” style=”width: 500px; height: 300px”></div>



Courtesy: The Seo Guru, A Software Development Company, Best OOPS Blog Site, Link Submission, Thanks to Shopping  Site for Link Exchanging

Bookmark and Share