How to build an advanced ASP.NET AJAX Business Card Generator featuring image logo upload with ImageDraw
Product ImageDraw for ASP.NET
Neodynamic ImageDraw (3.0 or later) for ASP.NET
Microsoft .NET Framework (2.0 or later)
Microsoft ASP.NET AJAX Framework (1.0 or later)
Microsoft Visual Studio .NET (2005 or later - Visual Web Developer Express Edition)
This ImageDraw demo - which source code files can be found at the end of this page available for downloading - demonstrates how easily you can use ImageDraw controls and ASP.NET AJAX Framework to design, in few minutes, an advanced AJAX-based Business Card Generator.
The following figure is a screenshot of the ASP.NET AJAX Business card Generator application that leverages ASP.NET AJAX Framework for input user interaction and ImageDraw for dynamic image composition purposes.
Business Card preview is updated while user types in the text boxes; select an image logo and change the card color and layout.
This AJAX Business Card Generator lets users:
- Filling up a simple form requesting personal information. A live preview of how their business card will look like is displayed in real time while the user types.
- Picking up an image logo stored in the user computer disk automatically resizing it by ImageDraw for placing it on the card surface. As for personal information, the live preview is updated in real time.
- Specifying a card layout (Left & Right) for content. Live preview is updated in real time.
- Specifying the color for decorative zones which are made of rounded rectangles (AutoShapes built-in ImageDraw). Live preview is updated in real time.
The business card is dynamically created by ImageDraw component adding built-in Rounded Rectangle Shapes for decorative zones filling them with the user's selected color; drawing the user's uploaded logo and text fields for personal information; and performing the desired layout selected by the user as is shown in the following figure.
An Advanced ASP.NET AJAX Business Card Application sample.
Sample Files Download
Here are the VB.NET and C# versions of this sample. Please download the zip file and extract it. After that, you'll find all necessary files to reproduce this step by step guide.
Remember to download and install ImageDraw in order to reproduce this sample demo.