Common UI Practices in ASP.NET Applications

# Relevant resources:

1. <ASP.NET 2.0> "DetailsView" Control
2. <ASP.NET 2.0> "FormView" Control  

Print page:

Generally web application pages may have graphical images and styles for better UI experience. However, the page containing graphical image may not be useful (or looks good) while this page is printed. A common UI practice is to have a 'Print this page' link in the application data pages, which redirects the user to a printer friendly page. This type of page contains a �Print� and a �Close� link, along with all the info of the corresponding record.

# Relevant resources: 

1. Using Style sheets to create a 'Print This Page' View 
2. A Simple HTML Builder Utility Class

Pop-up page:

No browser buttons will be displayed, rather only the page content and browser title bar will be visible.

# Relevant resources:

A Client Script Helper Utility Class 
 

Error page:

When there is an exception occurred while processing info, an error page will be shown with some text.

# Relevant resources:

Customizing Error Pages 
 

Session expire page:

If the user doesn�t interact with the application for 20 minutes (asp.net default), and tries to interact after then the user will be automatically redirected to the session expire page, which contains some text message. However we can override the session timeout value in "web.config" file.

# Relevant resources:

Detecting ASP.NET Session Timeouts  

Test page:

There will be some test page which will illustrate complex data processing. However these pages will be placed on the public page, or can be authenticated by the test log-in page.

E-mail notification:

1. Once data insertion is completed, an automated e-mail notification will be sent to a predefined and/or the email that was just provided in the data insertion.

2. Developers will be notified thru mail when there is an exception occurred by the application.

3. Please consider the �Email From� address while sending the automated mail. Generally this is set to the developers e-mail (example: joy_csharp@hotmail.com).

4. Consider who will be the default E-mail receiver. Generally this is set to the developers e-mail (example: joy_csharp@hotmail.com).

# Relevant resources:

1. <ASP.NET 2.0> Sending Email From ASP.Net 

2. Sending emails with ASP .NET
 

File attachment:

1. Uploaded files will be saved with the �fileid_� prefix, so that no future uploaded file can replace this file.

2. Multiple files can be downloaded by the dynamic generation of �upload� control by specifying by the user that how many files will be uploaded.

3. For uploaded file size, asp.net default is 4 MB. Please mention the size if you need greater than that.

4. By default the file attachments will be placed on �Virtual directory\Attachments� folder.

# Relevant resources:

File Upload with ASP.NET 

User manual:

 1. Help location:

• a. To get the help content for any page, the �Help� button is located with the other page navigation tab.
• b. For any control, a �Help� button icon can be embedded with it.

2. Content:

• a. For each item/ page the help text can be placed onto separate html file.
• b. All of the help contents can be placed into one html file.
• c. For a given control, a simple help text can be placed at the below location of that, with a gray, italic format.

Conclusion

However, the provided outlines can be considered as "UI Standard Template". Before starting a new project, you can use this template to have the clients an idea about the future UI standard of the project and thus can update the UI standard easily according to agreed model.