Image alignment : Image « ASP.net Controls « ASP.NET Tutorial






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

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>Image Control</title>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <h1>Image Control</h1>

     <asp:Image ID="img1" runat="server" AlternateText="Dan" ImageUrl="http://www.java2s.com/style/logo.png" />
    
      <hr />

     <asp:Button runat="server" Text="Sample Button" />
     
     <asp:Image ID="img2" runat="server" AlternateText="Dan" ImageUrl="http://www.java2s.com/style/logo.png" />
     
     <hr />
     
     <asp:DropDownList ID="ddl" runat="server" AutoPostBack="True">
         <asp:ListItem text="NotSet" />
         <asp:ListItem text="AbsBottom" />
         <asp:ListItem text="AbsMiddle" />
         <asp:ListItem text="Top" />
         <asp:ListItem text="Bottom" />
         <asp:ListItem text="BaseLine" />
         <asp:ListItem text="TextTop" />
         <asp:ListItem text="Left" />
         <asp:ListItem text="Right" />
     </asp:DropDownList>
    </div>
    </form>
</body>
</html>

File: Default.aspx.cs

using System;
using System.Data;
using System.Configuration;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

public partial class Default_aspx : System.Web.UI.Page 
{
    protected void Page_Load(object sender, EventArgs e)
    {
     switch (ddl.SelectedIndex)
     {
       case 0:
         img1.ImageAlign = ImageAlign.NotSet;
         img2.ImageAlign = ImageAlign.NotSet;
         break;
       case 1:
         img1.ImageAlign = ImageAlign.AbsBottom;
         img2.ImageAlign = ImageAlign.AbsBottom;
         break;
       case 2:
         img1.ImageAlign = ImageAlign.AbsMiddle;
         img2.ImageAlign = ImageAlign.AbsMiddle;
         break;
       case 3:
         img1.ImageAlign = ImageAlign.Top;
         img2.ImageAlign = ImageAlign.Top;
         break;
       case 4:
         img1.ImageAlign = ImageAlign.Bottom;
         img2.ImageAlign = ImageAlign.Bottom;
         break;
       case 5:
         img1.ImageAlign = ImageAlign.Baseline;
         img2.ImageAlign = ImageAlign.Baseline;
         break;
       case 6:
         img1.ImageAlign = ImageAlign.Middle;
         img2.ImageAlign = ImageAlign.Middle;
         break;
       case 7:
         img1.ImageAlign = ImageAlign.TextTop;
         img2.ImageAlign = ImageAlign.TextTop;
         break;
       case 8:
         img1.ImageAlign = ImageAlign.Left;
         img2.ImageAlign = ImageAlign.Left;
         break;
       case 9:
         img1.ImageAlign = ImageAlign.Right;
         img2.ImageAlign = ImageAlign.Right;
         break;
       default:
         img1.ImageAlign = ImageAlign.NotSet;
         img2.ImageAlign = ImageAlign.NotSet;
         break;
     }
    }
}








3.7.Image
3.7.1.Important properties of Image control
3.7.2.Load Image to asp:Image
3.7.3.Set ImageUrl and AlternateText for asp:Image (VB.net)
3.7.4.Image alignment