Compatibility with IE-8

Hi,

This is regarding the “compatibility with IE-8”. We have two different ways to configure IE 8 to emulate/render the web site like IE 7 without any GUI & JavaScript issues.

First one using IE 8 browsers provides way to open web site exactly similar to IE 7:

To confirm that browsing in Internet Explorer 8 Standards mode is the cause of an issue, follow these steps:

1. Open Internet Explorer 8 Beta 1.
   
   Note If you do not have Internet Explorer 8 Beta 1 installed, you can download it from the following Microsoft Web site:

http://www.microsoft.com/windows/products/winfamily/ie/ie8/getitnow.mspx (http://www.microsoft.com/windows/products/winfamily/ie/ie8/getitnow.mspx)

2. Click Emulate IE 7 on the menu bar, and then close the Internet Explorer browser window.
3. Open Internet Explorer 8 Beta 1, verify that the Emulate IE 7 button is depressed, and then visit the affected Web site.
4. Make sure that the affected Web site is now displayed correctly.
5. Click Emulate IE 7 to disable Internet Explorer 7 emulation, and then close the Internet Explorer browser window.
6. Open Internet Explorer 8 Beta 1, and then visit the affected Web site to confirm that you experience the issues again after disabling Internet Explorer 7 emulation.

Second way is to use Meta-Tag:

You can use one of the following options to force Internet Explorer 8 to render Web pages like Internet Explorer 7:

· Per-site basis

Site owners and administrators can include the following custom HTTP header to force Internet Explorer 8 to render Web pages like Internet Explorer 7:

X-UA-Compatible: IE=EmulateIE7

To add a custom HTTP response header at the Web site level in Internet Information Services 7 on a Windows Server 2008-based computer, follow these steps:

1. Click Start, click Administrative Tools, and then click Internet Information Services (IIS) Manager.
2. Under Connections, double-click the server that you want, and then double-click Sites.
3. Click the Web site where you want to add the custom HTTP response header.
4. Under Web site name Home, double-click HTTP Response Headers in the IIS section.
   
   Note In this step, Web site name is the name of the Web site.
5. Under Actions, click Add.
6. In the Name box, type X-UA-Compatible.
7. In the Value box, type IE=EmulateIE7.
8. Click OK.

To add a custom HTTP response header at the Web site level in Internet Information Services 6 and earlier versions, follow these steps:

9. Click Start, click Run, type inetmgr.exe, and then click OK.
10. Expand the server that you want, and then expand Web Sites.
11. Right-click the Web site that you want, and then click Properties.
12. Under Custom HTTP headers, click Add.
13. In the Custom header name box, type X-UA-Compatible.
14. In the Custom header value box, type IE=EmulateIE7.
15. Click OK two times.

· Per-page basis

Site owners and administrators can include the following special HTML tag after the tag on the page:

The following example shows use of this Internet Explorer 7 compatibility mode tag on a per-page basis:

  
Content goes here.

· Testing your site with the meta-tag

To verify you have installed the tag correctly on your site, follow these steps:

1. If you do not have Internet Explorer 8 Beta 1 installed, you can download it from the following Microsoft Web site:

http://www.microsoft.com/windows/products/winfamily/ie/ie8/getitnow.mspx (http://www.microsoft.com/windows/products/winfamily/ie/ie8/getitnow.mspx)

2. Download the Internet Explorer 8 Beta 1 security update that is described in Microsoft Knowledge Base article 951804. This update adds support for the IE=EmulateIE7 tag. For more information, click the following article number to view the article in the Microsoft Knowledge Base:

951804 (http://support.microsoft.com/kb/951804/ ) MS08-031: Security update for Internet Explorer 8 Beta 1

For more information about the EmulateIE7 tag, visit the IEBlog Web site:

http://blogs.msdn.com/ie/archive/2008/06/10/introducing-ie-emulateie7.aspx (http://blogs.msdn.com/ie/archive/2008/06/10/introducing-ie-emulateie7.aspx)

3. Browse your site in Internet Explorer 8 Standards mode and verify you do not encounter issues described in the "Symptoms" section.

Thanks,

Paresh B

Image Editor

Hi All,

Lots of time we used to develop image resizing code (creating thumbnail or resizing image to required height & width), but keeps on forgetting the code, even happen with me too. This code is not actually written by me, but posted here for future references.

This code is posted to keep the code for resizing & sacing an image uploaded.

Resize Image:

Below method shows the code to resize an uploaded image.

Parameters:

1. (Bitmap imgToResize)[ System.Drawing.Image] – This is an actual image uploaded or provided for resizing.
2. (Size size) – This is the size of the new resized image.

Code:

1. The next step is to actually figure out what the size of the resized image should be. The first step is to calculate the percentages of the new size compared to the original. Next we need to decide which percentage is smaller because this is the percent of the original image we will use for both height and width. And now we calculate the number of height and width pixels for the destination image.
2. The final thing to do is create the bitmap (System.Drawing.Bitmap) which we will draw the resized image on using a Graphics (System.Drawing.Graphics) object. I also set the interpolation mode, which is the algorithm used to resize the image. I prefer HighQualityBicubic, which from my testing seems to return the highest quality results. And just to clean up a little I dispose the Graphics object.

public static Bitmap ResizeImage(Bitmap imgToResize, Size size)

{

int sourceWidth = imgToResize.Width;

int sourceHeight = imgToResize.Height;

float nPercent = 0;

float nPercentW = 0;

float nPercentH = 0;

nPercentW = ((float)size.Width / (float)sourceWidth);

nPercentH = ((float)size.Height / (float)sourceHeight);

if (nPercentH <>

nPercent = nPercentH;

else

nPercent = nPercentW;

int destWidth = (int)(sourceWidth * nPercent);

int destHeight = (int)(sourceHeight * nPercent);

Bitmap b = new Bitmap(destWidth, destHeight);

Graphics g = Graphics.FromImage((Image)b);

g.InterpolationMode = InterpolationMode.HighQualityBicubic;

g.DrawImage(imgToResize, 0, 0, destWidth, destHeight);

g.Dispose();

return (Bitmap)b;

}

Save Image Code:

Below method will save the resized image to the given path.

1. (string path) – Mapped path for saving image with Image Name.
2. (Bitmap img) [System.Drawing.Image] – This is an actual image.
3. (long quality) – This parameter used like number of pixels.

public static void SaveJpeg(string path, Bitmap img, long quality)

{

// Encoder parameter for image quality

EncoderParameter qualityParam =

new EncoderParameter(System.Drawing.Imaging.Encoder.Quality, (long)quality);

// Jpeg image codec

ImageCodecInfo jpegCodec = getEncoderInfo("image/jpeg");

if (jpegCodec == null)

return;

EncoderParameters encoderParams = new EncoderParameters(1);

encoderParams.Param[0] = qualityParam;

img.Save(path, jpegCodec, encoderParams);

}

private static ImageCodecInfo getEncoderInfo(string mimeType)

{

// Get image codecs for all image formats

ImageCodecInfo[] codecs = ImageCodecInfo.GetImageEncoders();

// Find the correct image codec

for (int i = 0; i <> if (codecs[i].MimeType == mimeType)

return codecs[i];

return null;

}

Thanks,

Paresh Bhole