<%@ Page Language="C#" Description="dotnetCHARTING Component" AutoEventWireup="true"%>
<%@ Register TagPrefix="dnc" Namespace="dotnetCHARTING" Assembly="dotnetCHARTING" %>
<%@ Import Namespace="System.Drawing" %>
<%@ Import Namespace="System.Drawing.Drawing2D" %>
<%@ Import Namespace="dotnetCHARTING.Mapping" %>

<script runat="server">

void Page_Load(Object sender, EventArgs e)
{
populateColors();
// Demonstrates usage of the box header properties and code to generate them.
// It is meant to be used as a box header designer offering all the properties necessary to create all the styles.
updateChart();
}

// This method populates the color dropdown controls.
void populateColors()
{
int hi = headColor.SelectedIndex;
int ci = contentColor.SelectedIndex;
if (headColor.Items.Count == 0) hi = 136;
if (contentColor.Items.Count == 0) ci = 18;
headColor.Items.Clear();
contentColor.Items.Clear();
bool startNow = false;
// Exclude Control, Active, Menu, Text
foreach (string s in Enum.GetNames(typeof(System.Drawing.KnownColor)))
{
if (s == "AliceBlue") startNow = true;
if (startNow && !s.Contains("Menu") && !s.Contains("Button") && !s.Contains("Caption"))
{
ListItem li = new ListItem(s);
ListItem li2 = new ListItem(s);
li.Attributes.Add("style", "background-color:" + s);
li2.Attributes.Add("style", "background-color:" + s);
headColor.Items.Add(li);
contentColor.Items.Add(li2);
}
}
headColor.SelectedIndex = hi;
contentColor.SelectedIndex = ci;
}

// Apply the chart settings.
void updateChart()
{
Annotation an = new Annotation();

an.Size = new Size(200, 100);

an.Header.Label.Text = "Header";
an.Label.Text = "Content Content Content Content";
if (StartAlignmentEdge.Checked)
an.Header.StartAlignment = EdgeAlignment.Edge;
else if (StartAlignmentInside.Checked)
an.Header.StartAlignment = EdgeAlignment.Inside;
else if (StartAlignmentOutside.Checked)
an.Header.StartAlignment = EdgeAlignment.Outside;

if (EndAlignmentEdge.Checked)
an.Header.EndAlignment = EdgeAlignment.Edge;
else if (EndAlignmentInside.Checked)
an.Header.EndAlignment = EdgeAlignment.Inside;
else if (EndAlignmentOutside.Checked)
an.Header.EndAlignment = EdgeAlignment.Outside;

if (LabelAlignmentNear.Checked)
an.Header.Label.Alignment = StringAlignment.Near;
else if (LabelAlignmentCenter.Checked)
an.Header.Label.Alignment = StringAlignment.Center;
else if (LabelAlignmentFar.Checked)
an.Header.Label.Alignment = StringAlignment.Far;

if (VerticalAlignmentInside.Checked)
an.Header.VerticalAlignment = EdgeAlignment.Inside;
else if (VerticalAlignmentEdge.Checked)
an.Header.VerticalAlignment = EdgeAlignment.Edge;
else if (VerticalAlignmentOutside.Checked)
an.Header.VerticalAlignment = EdgeAlignment.Outside;

if (OrientationTop.Checked)
an.Header.Orientation = dotnetCHARTING.Orientation.Top;
else if (OrientationLeft.Checked)
an.Header.Orientation = dotnetCHARTING.Orientation.Left;
else if (OrientationRight.Checked)
an.Header.Orientation = dotnetCHARTING.Orientation.Right;
else if (OrientationBottom.Checked)
an.Header.Orientation = dotnetCHARTING.Orientation.Bottom;

an.Header.Label.Font = new Font("Arial", int.Parse(hLabelSize.SelectedItem.Text));

an.Header.StartCap =(BoxCapStyle) Enum.Parse(typeof(BoxCapStyle), StartCap.SelectedItem.Text);
an.Header.EndCap = (BoxCapStyle)Enum.Parse(typeof(BoxCapStyle), EndCap.SelectedItem.Text);

an.Header.Background.ShadingEffectMode = (ShadingEffectMode)Enum.Parse(typeof(ShadingEffectMode), HeaderShadingEffect.SelectedItem.Text);
an.Background.ShadingEffectMode = (ShadingEffectMode)Enum.Parse(typeof(ShadingEffectMode), ContentShadingEffect.SelectedItem.Text);

an.Header.Background.Color = (Color)(new ColorConverter()).ConvertFromString( headColor.SelectedItem.Text);
an.Background.Color = (Color)(new ColorConverter()).ConvertFromString(contentColor.SelectedItem.Text);
an.Header.Offset = new Point(int.Parse(XOffset.Text), int.Parse(YOffset.Text));

if (shadowCheck.Checked)
{
an.Header.Shadow.Color = Color.FromArgb(100, Color.Gray);
an.Header.Shadow.Soft = false;
an.Header.Shadow.Depth = 4;
}

Chart c = new Chart();
c.MarginLeft = 20;
c.MarginRight = 20;
c.MarginTop = 20;
c.MarginBottom = 20;
c.TempDirectory = "temp";
c.ObjectChart = an;
chartImage.ImageUrl = c.FileManager.SaveImage();

updateCode();

}

// This method generates code necessary to create the annotation visual.
void updateCode()
{
string code = "";

code += "private void styleBox(dotnetCHARTING.Box b)\n";
code += "{\n";

if (StartAlignmentEdge.Checked)
{ }
else if (StartAlignmentInside.Checked)
code += "\tb.Header.StartAlignment = EdgeAlignment.Inside;\n";
else if (StartAlignmentOutside.Checked)
code += "\tb.Header.StartAlignment = EdgeAlignment.Outside;\n";

if (EndAlignmentEdge.Checked)
{ }
else if (EndAlignmentInside.Checked)
code += "\tb.Header.EndAlignment = EdgeAlignment.Inside;\n";
else if (EndAlignmentOutside.Checked)
code += "\tb.Header.EndAlignment = EdgeAlignment.Outside;\n";

if (LabelAlignmentNear.Checked)
code += "\tb.Header.Label.Alignment = StringAlignment.Near;\n";
else if (LabelAlignmentCenter.Checked)
{ }
else if (LabelAlignmentFar.Checked)
code += "\tb.Header.Label.Alignment = StringAlignment.Far;\n";

if (VerticalAlignmentInside.Checked)
{ }
else if (VerticalAlignmentEdge.Checked)
code += "\tb.Header.VerticalAlignment = EdgeAlignment.Edge;\n";
else if (VerticalAlignmentOutside.Checked)
code += "\tb.Header.VerticalAlignment = EdgeAlignment.Outside;\n";

if (OrientationTop.Checked)
{ }
else if (OrientationRight.Checked)
code += "\tb.Header.Orientation = dotnetCHARTING.Orientation.Right;\n";
else if (OrientationLeft.Checked)
code += "\tb.Header.Orientation = dotnetCHARTING.Orientation.Left;\n";
else if (OrientationBottom.Checked)
code += "\tb.Header.Orientation = dotnetCHARTING.Orientation.Bottom;\n";

if (hLabelSize.SelectedItem.Text != "8")
{
code += "\tb.Header.Label.Font = new Font(\"Arial\"," + hLabelSize.SelectedItem.Text + ");\n";
}

if(StartCap.SelectedItem.Text != "Box")
code += "\tb.Header.StartCap = BoxCapStyle." + StartCap.SelectedItem.Text + ";\n";
if (EndCap.SelectedItem.Text != "Box")
code += "\tb.Header.EndCap = BoxCapStyle." + EndCap.SelectedItem.Text + ";\n";

if(HeaderShadingEffect.SelectedItem.Text != "None")
code += "\tb.Header.Background.ShadingEffectMode = ShadingEffectMode."+HeaderShadingEffect.SelectedItem.Text+";\n";
if (ContentShadingEffect.SelectedItem.Text != "None")
code += "\tb.Background.ShadingEffectMode = ShadingEffectMode."+ContentShadingEffect.SelectedItem.Text+";\n";

Color hColor = (Color)(new ColorConverter()).ConvertFromString(headColor.SelectedItem.Text);
Color cColor = (Color)(new ColorConverter()).ConvertFromString(contentColor.SelectedItem.Text);
if (hColor != Color.White)
{
code += "\tb.Header.Background.Color = Color.FromArgb(" + hColor.R + "," + hColor.G + "," + hColor.B + ");\n";
}

if(cColor != Color.FromArgb(255,255,219))
code += "\tb.Background.Color = Color.FromArgb(" + cColor.R + "," + cColor.G + "," + cColor.B + ");\n";

int xO = int.Parse(XOffset.Text);
int yO = int.Parse(YOffset.Text);
if (xO != 0 || yO != 0)
{
code += "\tb.Header.Offset = new Point("+xO+","+yO+");\n";
}

if (shadowCheck.Checked)
{
code += "\tb.Header.Shadow.Color = Color.FromArgb(100, Color.Gray);\n";
code += "\tb.Header.Shadow.Soft = false;\n";
code += "\tb.Header.Shadow.Depth = 4;\n";
}

code += "}\n";
codeBox.Text = code;
}

// Presets
protected void presets1(object sender, EventArgs e)
{
StartAlignmentEdge.Checked = false;
StartAlignmentInside.Checked = false;
StartAlignmentOutside.Checked = true;
EndAlignmentEdge.Checked = false;
EndAlignmentInside.Checked = false;
EndAlignmentOutside.Checked = true;
OrientationTop.Checked = true;
OrientationBottom.Checked = false;
OrientationLeft.Checked = false;
OrientationRight.Checked = false;
YOffset.Text = "5";
XOffset.Text = "0";
LabelAlignmentFar.Checked = false;
LabelAlignmentNear.Checked = false;
LabelAlignmentCenter.Checked = true;
VerticalAlignmentEdge.Checked = false;
VerticalAlignmentOutside.Checked = false;
VerticalAlignmentInside.Checked = true;
StartCap.SelectedIndex = 2;
EndCap.SelectedIndex = 2;
HeaderShadingEffect.SelectedIndex = 1;
ContentShadingEffect.SelectedIndex = 10;
shadowCheck.Checked = true;
updateChart();
}

protected void presets2(object sender, EventArgs e)
{
StartAlignmentEdge.Checked = false;
StartAlignmentInside.Checked = true;
StartAlignmentOutside.Checked = false;
EndAlignmentEdge.Checked = true;
EndAlignmentInside.Checked = false;
EndAlignmentOutside.Checked = false;
OrientationTop.Checked = true;
OrientationBottom.Checked = false;
OrientationLeft.Checked = false;
OrientationRight.Checked = false;
YOffset.Text = "5";
XOffset.Text = "5";
LabelAlignmentFar.Checked = false;
LabelAlignmentNear.Checked = false;
LabelAlignmentCenter.Checked = true;
VerticalAlignmentEdge.Checked = false;
VerticalAlignmentOutside.Checked = false;
VerticalAlignmentInside.Checked = true;
StartCap.SelectedIndex = 2;
EndCap.SelectedIndex = 0;
HeaderShadingEffect.SelectedIndex = 1;
ContentShadingEffect.SelectedIndex = 10;
shadowCheck.Checked = true;
updateChart();
}

protected void presets3(object sender, EventArgs e)
{
StartAlignmentEdge.Checked = false;
StartAlignmentInside.Checked = false;
StartAlignmentOutside.Checked = true;
EndAlignmentEdge.Checked = false;
EndAlignmentInside.Checked = true;
EndAlignmentOutside.Checked = false;
OrientationTop.Checked = true;
OrientationBottom.Checked = false;
OrientationLeft.Checked = false;
OrientationRight.Checked = false;
YOffset.Text = "5";
XOffset.Text = "0";
LabelAlignmentCenter.Checked = false;
LabelAlignmentFar.Checked = false;
LabelAlignmentNear.Checked = true;
VerticalAlignmentEdge.Checked = false;
VerticalAlignmentOutside.Checked = false;
VerticalAlignmentInside.Checked = true;
StartCap.SelectedIndex = 5;
EndCap.SelectedIndex = 3;
HeaderShadingEffect.SelectedIndex = 1;
ContentShadingEffect.SelectedIndex = 10;
shadowCheck.Checked = true;
updateChart();
}

protected void presets4(object sender, EventArgs e)
{
StartAlignmentEdge.Checked = false;
StartAlignmentInside.Checked = true;
StartAlignmentOutside.Checked = false;
EndAlignmentEdge.Checked = false;
EndAlignmentInside.Checked = true;
EndAlignmentOutside.Checked = false;
OrientationTop.Checked = true;
OrientationBottom.Checked = false;
OrientationLeft.Checked = false;
OrientationRight.Checked = false;
YOffset.Text = "0";
XOffset.Text = "0";
LabelAlignmentCenter.Checked = false;
LabelAlignmentFar.Checked = false;
LabelAlignmentNear.Checked = true;
VerticalAlignmentEdge.Checked = true;
VerticalAlignmentOutside.Checked = false;
VerticalAlignmentInside.Checked = false;
StartCap.SelectedIndex = 1;
EndCap.SelectedIndex = 1;
HeaderShadingEffect.SelectedIndex = 1;
ContentShadingEffect.SelectedIndex = 10;
shadowCheck.Checked = false;
updateChart();
}

protected void presets5(object sender, EventArgs e)
{
StartAlignmentEdge.Checked = false;
StartAlignmentInside.Checked = true;
StartAlignmentOutside.Checked = false;
EndAlignmentEdge.Checked = true;
EndAlignmentInside.Checked = false;
EndAlignmentOutside.Checked = false;
OrientationTop.Checked = true;
OrientationBottom.Checked = false;
OrientationLeft.Checked = false;
OrientationRight.Checked = false;
YOffset.Text = "0";
XOffset.Text = "0";
LabelAlignmentCenter.Checked = false;
LabelAlignmentFar.Checked = true;
LabelAlignmentNear.Checked = false;
VerticalAlignmentEdge.Checked = false;
VerticalAlignmentOutside.Checked = true;
VerticalAlignmentInside.Checked = false;
StartCap.SelectedIndex = 3;
EndCap.SelectedIndex = 0;
HeaderShadingEffect.SelectedIndex = 1;
ContentShadingEffect.SelectedIndex = 10;
shadowCheck.Checked = false;
updateChart();
}

//Ribbon
protected void presets6(object sender, EventArgs e)
{
StartAlignmentEdge.Checked = true;
StartAlignmentInside.Checked = false;
StartAlignmentOutside.Checked = false;
EndAlignmentEdge.Checked = false;
EndAlignmentInside.Checked = true;
EndAlignmentOutside.Checked = false;
OrientationTop.Checked = false;
OrientationBottom.Checked = false;
OrientationLeft.Checked = false;
OrientationRight.Checked = true;
YOffset.Text = "5";
XOffset.Text = "0";
LabelAlignmentCenter.Checked = true;
LabelAlignmentFar.Checked = false;
LabelAlignmentNear.Checked = false;
VerticalAlignmentEdge.Checked = false;
VerticalAlignmentOutside.Checked = false;
VerticalAlignmentInside.Checked = true;
StartCap.SelectedIndex = 11;
EndCap.SelectedIndex = 2;
HeaderShadingEffect.SelectedIndex = 7;
ContentShadingEffect.SelectedIndex = 10;
shadowCheck.Checked = false;
updateChart();
}

//Ribbon Tab
protected void presets7(object sender, EventArgs e)
{
StartAlignmentEdge.Checked = false;
StartAlignmentInside.Checked = true;
StartAlignmentOutside.Checked = false;
EndAlignmentEdge.Checked = false;
EndAlignmentInside.Checked = true;
EndAlignmentOutside.Checked = false;
OrientationTop.Checked = false;
OrientationBottom.Checked = false;
OrientationLeft.Checked = false;
OrientationRight.Checked = true;
YOffset.Text = "0";
XOffset.Text = "0";
LabelAlignmentCenter.Checked = true;
LabelAlignmentFar.Checked = false;
LabelAlignmentNear.Checked = false;
VerticalAlignmentEdge.Checked = true;
VerticalAlignmentOutside.Checked = false;
VerticalAlignmentInside.Checked = false;
StartCap.SelectedIndex = 11;
EndCap.SelectedIndex = 11;
HeaderShadingEffect.SelectedIndex = 7;
ContentShadingEffect.SelectedIndex = 10;
shadowCheck.Checked = false;
updateChart();
}

// Reset
protected void presets0(object sender, EventArgs e)
{
StartAlignmentEdge.Checked = true;
StartAlignmentInside.Checked = false;
StartAlignmentOutside.Checked = false;
EndAlignmentEdge.Checked = true;
EndAlignmentInside.Checked = false;
EndAlignmentOutside.Checked = false;
OrientationTop.Checked = true;
OrientationBottom.Checked = false;
OrientationLeft.Checked = false;
OrientationRight.Checked = false;
YOffset.Text = "0";
XOffset.Text = "0";
LabelAlignmentCenter.Checked = true;
LabelAlignmentFar.Checked = false;
LabelAlignmentNear.Checked = false;
VerticalAlignmentEdge.Checked = false;
VerticalAlignmentOutside.Checked = false;
VerticalAlignmentInside.Checked = true;
StartCap.SelectedIndex = 0;
EndCap.SelectedIndex = 0;
HeaderShadingEffect.SelectedIndex = 0;
ContentShadingEffect.SelectedIndex = 0;
headColor.SelectedIndex = 136;
contentColor.SelectedIndex = 18;
shadowCheck.Checked = false;
updateChart();
}
// Randomize
protected void randomize(object sender, EventArgs e)
{
Random r = new Random();
foreach (Control c in form1.Controls)
{
DropDownList ddl = c as DropDownList;
if (ddl != null)
ddl.SelectedIndex = r.Next(ddl.Items.Count);
}

int sA = r.Next(3);
int eA = r.Next(3);
int lA = r.Next(3);
int vA = r.Next(3);
int oA = r.Next(4);

StartAlignmentEdge.Checked = false;
StartAlignmentInside.Checked = false;
StartAlignmentOutside.Checked = false;
if (sA == 0) StartAlignmentOutside.Checked = true;
if (sA == 1) StartAlignmentEdge.Checked = true;
if (sA == 2) StartAlignmentInside.Checked = true;

EndAlignmentEdge.Checked = false;
EndAlignmentInside.Checked = false;
EndAlignmentOutside.Checked = false;
if (eA == 0) EndAlignmentOutside.Checked = true;
if (eA == 1) EndAlignmentEdge.Checked = true;
if (eA == 2) EndAlignmentInside.Checked = true;

LabelAlignmentCenter.Checked = false;
LabelAlignmentFar.Checked = false;
LabelAlignmentNear.Checked = false;

if (lA == 0) LabelAlignmentNear.Checked = true;
if (lA == 1) LabelAlignmentCenter.Checked = true;
if (lA == 2) LabelAlignmentFar.Checked = true;

VerticalAlignmentEdge.Checked = false;
VerticalAlignmentOutside.Checked = false;
VerticalAlignmentInside.Checked = false;

if (vA == 0) VerticalAlignmentInside.Checked = true;
if (vA == 1) VerticalAlignmentEdge.Checked = true;
if (vA == 2) VerticalAlignmentOutside.Checked = true;

OrientationTop.Checked = false;
OrientationBottom.Checked = false;
OrientationLeft.Checked = false;
OrientationRight.Checked = false;

if (oA == 0) OrientationTop.Checked = true;
if (oA == 1) OrientationBottom.Checked = true;
if (oA == 2) OrientationLeft.Checked = true;
if (oA == 3) OrientationRight.Checked = true;

updateChart();

}
protected void OnValueChanged(object sender, EventArgs e)
{
populateColors();
updateChart();
}


</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>.netCHARTING Sample</title>
<style type="text/css">
.RadioButtons {
border: 1px solid #808080;
font-family: Arial, Helvetica, sans-serif;
font-size: x-small;
padding-right: 3px;
padding-top: 0px;
margin-right: 2px;
}
.LabelStyle {
font-family: Verdana, Geneva, Tahoma, sans-serif;
font-size: xx-small;
color: #333333;
font-weight: bold;
}
.DropDownStyle {
font-family: Arial, Helvetica, sans-serif;
font-size: xx-small;
border: 1px solid #666666;
}

#form1 {
text-align: right;
}
.ButtonStyle {
font-family: Verdana, Geneva, Tahoma, sans-serif;
font-size: x-small;
background-color: #FFFFFF;
border: 1px solid #808080;
}

</style>
</head>
<body>
<form id="form1" runat="server" >
<table style="width: 100%" cellpadding="1" cellspacing="0">
<tr>
<td style="text-align: right; " valign="bottom" colspan="3">
<table style="width: 100%">
<tr>
<td style="text-align:left; background-color: #AEB6D2;" colspan="3">
<table style="width: 100%">
<tr>
<td style="width: 80px">
<span class="LabelStyle">Presets</span></td>
<td>
<asp:Button id="preset1" runat="server" OnClick="presets1" Text="Banner" CssClass="ButtonStyle"/>
 <asp:Button id="preset2" runat="server" OnClick="presets2" Text="Floating" CssClass="ButtonStyle"/>
 <asp:Button id="preset3" runat="server" OnClick="presets3" Text="Pointer" CssClass="ButtonStyle"/>
 <asp:Button id="preset4" runat="server" OnClick="presets4" Text="Label" CssClass="ButtonStyle"/>
 <asp:Button id="preset5" runat="server" OnClick="presets5" Text="Tab" CssClass="ButtonStyle"/>
 <asp:Button id="Button1" runat="server" OnClick="presets6" Text="Ribbon" CssClass="ButtonStyle"/>
 <asp:Button id="Button2" runat="server" OnClick="presets7" Text="Ribbon Tab" CssClass="ButtonStyle"/>
 <asp:Button id="preset0" runat="server" OnClick="presets0" Text="[Reset]" CssClass="ButtonStyle"/>
 <asp:Button id="Button3" runat="server" OnClick="randomize" Text="Randomize" CssClass="ButtonStyle"/>
</td>
<td style="background-color: #FFFFFF">
<span class="LabelStyle">Label Size </span><asp:DropDownList id="hLabelSize" runat="server" CssClass="DropDownStyle" AutoPostBack="true">
<asp:ListItem>7</asp:ListItem>
<asp:ListItem Selected="True">8</asp:ListItem>
<asp:ListItem>9</asp:ListItem>
<asp:ListItem>10</asp:ListItem>
</asp:DropDownList>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="text-align:right; background-color: #DADEEB;"><p class="LabelStyle">Start Alignment</p></td>
<td style="width: 200; background-color: #DADEEB; text-align: center;">
<span class="LabelStyle">Header Offset</span></td>
<td style="background-color: #DADEEB"><p class="LabelStyle">End Alignment</p></td>
</tr>
<tr>
<td style="text-align: right; "><asp:RadioButton id="StartAlignmentOutside" Text="Outside" CssClass="RadioButtons"
GroupName="StartAlignment" AutoPostBack="true" runat="server"/>
<asp:RadioButton id="StartAlignmentEdge" Text="Edge" AutoPostBack="true" CssClass="RadioButtons" Checked=true
GroupName="StartAlignment" runat="server"/>
<asp:RadioButton id="StartAlignmentInside" Text="Inside" AutoPostBack="true" CssClass="RadioButtons"
GroupName="StartAlignment" runat="server"/></td>
<td style="width: 200; text-align:center; "><p class="LabelStyle">X <asp:TextBox ID="XOffset"
Text="0" runat="server" Width="35px" AutoPostBack="true"/>  Y <asp:TextBox ID="YOffset" Text="0" runat="server" Width="35px" AutoPostBack="true"/></p></td>
<td>
<asp:RadioButton id="EndAlignmentInside" Text="Inside" AutoPostBack="true" CssClass="RadioButtons"
GroupName="EndAlignment" runat="server" />
<asp:RadioButton id="EndAlignmentEdge" Text="Edge" AutoPostBack="true" CssClass="RadioButtons" Checked=true
GroupName="EndAlignment" runat="server" />
<asp:RadioButton id="EndAlignmentOutside" Text="Outside" AutoPostBack="true" CssClass="RadioButtons"
GroupName="EndAlignment" runat="server" />
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="text-align: right; width: 33%; background-color: #DADEEB;">


<span class="LabelStyle">Start Cap  </span></td>
<td style="width: 33%; text-align:center; background-color: #DADEEB;">
<span class="LabelStyle">Label Alignment</span></td>
<td style="width: 33%; background-color: #DADEEB;">


<span class="LabelStyle">  End Cap</span></td>
</tr>
<tr>
<td style="text-align: right; width: 33%; background-color: #FFFFFF;">
<p class="LabelStyle">

<asp:DropDownList id="StartCap" runat="server" CssClass="DropDownStyle" AutoPostBack="true">
<asp:ListItem>Box</asp:ListItem>
<asp:ListItem>Triangle</asp:ListItem>
<asp:ListItem>TriangleInverted</asp:ListItem>
<asp:ListItem>CutDown</asp:ListItem>
<asp:ListItem>CutUp</asp:ListItem>
<asp:ListItem>Arrow</asp:ListItem>
<asp:ListItem>Round</asp:ListItem>
<asp:ListItem>RoundInverted</asp:ListItem>
<asp:ListItem>RoundUp</asp:ListItem>
<asp:ListItem>RoundDown</asp:ListItem>
<asp:ListItem>RibbonUp</asp:ListItem>
<asp:ListItem>RibbonDown</asp:ListItem>
<asp:ListItem>Torn</asp:ListItem>
</asp:DropDownList></p>
</td>
<td style="width: 33%">
<table style="width: 100%; ">
<tr>
<td style="width: 33%" valign="bottom"><asp:RadioButton id="LabelAlignmentNear" Text="Near" AutoPostBack="true" CssClass="RadioButtons"
GroupName="LabelAlignment" runat="server"/>
</td>
<td style="text-align: center; width: 33%" valign="bottom">
<asp:RadioButton id="LabelAlignmentCenter" Text="Center" AutoPostBack="true" CssClass="RadioButtons"
GroupName="LabelAlignment" Checked="true" runat="server"/></td>
<td style="text-align: right; width: 33%" valign="bottom"><asp:RadioButton id="LabelAlignmentFar" Text="Far" AutoPostBack="true" CssClass="RadioButtons"
GroupName="LabelAlignment" runat="server"/></td>
</tr>
</table>
</td>
<td style="width: 33%; background-color: #FFFFFF;">
<p class="LabelStyle"> <asp:DropDownList id="EndCap" runat="server" CssClass="DropDownStyle" AutoPostBack="true">
<asp:ListItem>Box</asp:ListItem>
<asp:ListItem>Triangle</asp:ListItem>
<asp:ListItem>TriangleInverted</asp:ListItem>
<asp:ListItem>CutDown</asp:ListItem>
<asp:ListItem>CutUp</asp:ListItem>
<asp:ListItem>Arrow</asp:ListItem>
<asp:ListItem>Round</asp:ListItem>
<asp:ListItem>RoundInverted</asp:ListItem>
<asp:ListItem>RoundUp</asp:ListItem>
<asp:ListItem>RoundDown</asp:ListItem>
<asp:ListItem>RibbonUp</asp:ListItem>
<asp:ListItem>RibbonDown</asp:ListItem>
<asp:ListItem>Torn</asp:ListItem>
</asp:DropDownList></p></td>
</tr>
<tr>
<td style="text-align: right; width: 33%" valign="top">
<table style="width: 100%">
<tr>
<td style="background-color: #DADEEB"></td>
<td class="LabelStyle" style="text-align: center; background-color: #DADEEB;">Color</td>
<td class="LabelStyle" style="text-align: center; background-color: #DADEEB;">Shading</td>
</tr>
<tr>
<td><p class="LabelStyle">Header Background</p></td>
<td> <asp:DropDownList ID="headColor" runat="server" AutoPostBack="true"></asp:DropDownList></td>
<td> <asp:DropDownList id="HeaderShadingEffect" runat="server" CssClass="DropDownStyle" AutoPostBack="true">
<asp:ListItem>None</asp:ListItem>
<asp:ListItem>One</asp:ListItem>
<asp:ListItem>Two</asp:ListItem>
<asp:ListItem>Three</asp:ListItem>
<asp:ListItem>Four</asp:ListItem>
<asp:ListItem>Five</asp:ListItem>
<asp:ListItem>Six</asp:ListItem>
<asp:ListItem>Seven</asp:ListItem>
<asp:ListItem>Eight</asp:ListItem>
<asp:ListItem>Background1</asp:ListItem>
<asp:ListItem>Background2</asp:ListItem>
</asp:DropDownList></td>
</tr>
<tr>
<td><p class="LabelStyle">Content Background</p></td>
<td><asp:DropDownList ID="contentColor" runat="server" AutoPostBack="true"></asp:DropDownList></td>
<td><asp:DropDownList id="ContentShadingEffect" runat="server" CssClass="DropDownStyle" AutoPostBack="true">
<asp:ListItem>None</asp:ListItem>
<asp:ListItem>One</asp:ListItem>
<asp:ListItem>Two</asp:ListItem>
<asp:ListItem>Three</asp:ListItem>
<asp:ListItem>Four</asp:ListItem>
<asp:ListItem>Five</asp:ListItem>
<asp:ListItem>Six</asp:ListItem>
<asp:ListItem>Seven</asp:ListItem>
<asp:ListItem>Eight</asp:ListItem>
<asp:ListItem>Background1</asp:ListItem>
<asp:ListItem>Background2</asp:ListItem>
</asp:DropDownList></td>
</tr>
<tr>
<td> </td>
<td><asp:CheckBox ID="shadowCheck" Text="Header Shadow" runat="server" AutoPostBack="true"
CssClass="LabelStyle"/></td>
<td> </td>
</tr>
</table>
</td>
<td style="width: 33%; text-align: center;">
<table style="width: 100%">
<tr>
<td style="text-align: center">
<table style="width: 350px">
<tr>
<td><span class="LabelStyle">Orientation</span></td>
<td style="text-align: center"><asp:RadioButton id="OrientationTop" Text="Top" AutoPostBack="true" CssClass="RadioButtons" Checked="true"
GroupName="Orientation" runat="server"/>
</td>
<td> </td>
</tr>
<tr>
<td style="text-align: center">
<asp:RadioButton id="OrientationLeft" Text="Left" AutoPostBack="true" CssClass="RadioButtons"
GroupName="Orientation" runat="server"/>
</td>
<td style="text-align: center">
<asp:Image ID="chartImage" runat="server" />
</td>
<td>
<asp:RadioButton id="OrientationRight" Text="Right" AutoPostBack="true" CssClass="RadioButtons"
GroupName="Orientation" runat="server"/>
</td>
</tr>
<tr>
<td> </td>
<td style="text-align: center">
<asp:RadioButton id="OrientationBottom" Text="Bottom" AutoPostBack="true" CssClass="RadioButtons"
GroupName="Orientation" runat="server"/>
</td>
<td> </td>
</tr>
</table>
</td>
</tr>
</table>
<br />
<asp:Button ID="submitButton" runat="server" Text="Refresh" CssClass="ButtonStyle"/>
</td>
<td style="width: 33%" valign="top">
<table style="width: 100%">
<tr>
<td>
<table style="width: 300px" align="left" cellpadding="2" cellspacing="0">
<tr>
<td style="text-align: left; width: 150; background-color: #DADEEB;" class="LabelStyle">Vertical
Alignment</td>
<td style="text-align: center" class="LabelStyle"> </td>
</tr>
<tr>
<td style="text-align: left; width: 150;">
<asp:RadioButton id="VerticalAlignmentOutside" Text="Outside" Checked="false" AutoPostBack="true" CssClass="RadioButtons"
GroupName="VerticalAlignment" runat="server" />
</td>
<td style="text-align: center" class="LabelStyle"> </td>
</tr>
<tr>
<td style="text-align: left; width: 150;" >
<asp:RadioButton id="VerticalAlignmentEdge" Text="Edge" Checked="false" AutoPostBack="true" CssClass="RadioButtons"
GroupName="VerticalAlignment" runat="server" />
</td>
<td style="text-align: center" class="LabelStyle"> </td>
</tr>
<tr>
<td style="text-align: left; width: 150;">
<asp:RadioButton id="VerticalAlignmentInside" Text="Inside" Checked=true AutoPostBack="true" CssClass="RadioButtons"
GroupName="VerticalAlignment" runat="server" /> </td>
</tr>
</table>
</td>
</tr>
</table>

</td>
</tr>
</table>
<table style="width: 100%">
<tr>
<td valign="top" class="LabelStyle"><br />
</td>
<td style="text-align: left">
 </td>
</tr>
<tr>
<td class="LabelStyle">Code</td>
<td style="text-align: left">
<asp:TextBox ID="codeBox" TextMode="MultiLine" runat="server" Height="249px"
Width="714px" />
</td>
</tr>
</table>
</form>
</body>
</html>

<%@ Page Language="vb" Description="dotnetCHARTING Component" AutoEventWireup="true"%>
<%@ Register TagPrefix="dnc" Namespace="dotnetCHARTING" Assembly="dotnetCHARTING" %>
<%@ Import Namespace="System.Drawing" %>
<%@ Import Namespace="System.Drawing.Drawing2D" %>
<%@ Import Namespace="dotnetCHARTING.Mapping" %>

<script runat="server">

Sub Page_Load(ByVal sender As Object, ByVal e As EventArgs)
populateColors()
' Demonstrates usage of the box header properties and code to generate them.
' It is meant to be used as a box header designer offering all the properties necessary to create all the styles.
updateChart()
End Sub

' This method populates the color dropdown controls.
Sub populateColors()
Dim hi As Integer = headColor.SelectedIndex
Dim ci As Integer = contentColor.SelectedIndex
If headColor.Items.Count = 0 Then
hi = 136
End If
If contentColor.Items.Count = 0 Then
ci = 18
End If
headColor.Items.Clear()
contentColor.Items.Clear()
Dim startNow As Boolean = False
' Exclude Control, Active, Menu, Text
For Each s As String In System.Enum.GetNames(GetType(System.Drawing.KnownColor))
If s = "AliceBlue" Then
startNow = True
End If
If startNow AndAlso (Not s.Contains("Menu")) AndAlso (Not s.Contains("Button")) AndAlso (Not s.Contains("Caption")) Then
Dim li As ListItem = New ListItem(s)
Dim li2 As ListItem = New ListItem(s)
li.Attributes.Add("style", "background-color:" & s)
li2.Attributes.Add("style", "background-color:" & s)
headColor.Items.Add(li)
contentColor.Items.Add(li2)
End If
Next s
headColor.SelectedIndex = hi
contentColor.SelectedIndex = ci
End Sub

' Apply the chart settings.
Sub updateChart()
Dim an As Annotation = New Annotation()

an.Size = New Size(200, 100)

an.Header.Label.Text = "Header"
an.Label.Text = "Content Content Content Content"
If StartAlignmentEdge.Checked Then
an.Header.StartAlignment = EdgeAlignment.Edge
ElseIf StartAlignmentInside.Checked Then
an.Header.StartAlignment = EdgeAlignment.Inside
ElseIf StartAlignmentOutside.Checked Then
an.Header.StartAlignment = EdgeAlignment.Outside
End If

If EndAlignmentEdge.Checked Then
an.Header.EndAlignment = EdgeAlignment.Edge
ElseIf EndAlignmentInside.Checked Then
an.Header.EndAlignment = EdgeAlignment.Inside
ElseIf EndAlignmentOutside.Checked Then
an.Header.EndAlignment = EdgeAlignment.Outside
End If

If LabelAlignmentNear.Checked Then
an.Header.Label.Alignment = StringAlignment.Near
ElseIf LabelAlignmentCenter.Checked Then
an.Header.Label.Alignment = StringAlignment.Center
ElseIf LabelAlignmentFar.Checked Then
an.Header.Label.Alignment = StringAlignment.Far
End If

If VerticalAlignmentInside.Checked Then
an.Header.VerticalAlignment = EdgeAlignment.Inside
ElseIf VerticalAlignmentEdge.Checked Then
an.Header.VerticalAlignment = EdgeAlignment.Edge
ElseIf VerticalAlignmentOutside.Checked Then
an.Header.VerticalAlignment = EdgeAlignment.Outside
End If

If OrientationTop.Checked Then
an.Header.Orientation = dotnetCHARTING.Orientation.Top
ElseIf OrientationLeft.Checked Then
an.Header.Orientation = dotnetCHARTING.Orientation.Left
ElseIf OrientationRight.Checked Then
an.Header.Orientation = dotnetCHARTING.Orientation.Right
ElseIf OrientationBottom.Checked Then
an.Header.Orientation = dotnetCHARTING.Orientation.Bottom
End If

an.Header.Label.Font = New Font("Arial", Integer.Parse(hLabelSize.SelectedItem.Text))

an.Header.StartCap =CType(System.Enum.Parse(GetType(BoxCapStyle), StartCap.SelectedItem.Text), BoxCapStyle)
an.Header.EndCap = CType(System.Enum.Parse(GetType(BoxCapStyle), EndCap.SelectedItem.Text), BoxCapStyle)

an.Header.Background.ShadingEffectMode = CType(System.Enum.Parse(GetType(ShadingEffectMode), HeaderShadingEffect.SelectedItem.Text), ShadingEffectMode)
an.Background.ShadingEffectMode = CType(System.Enum.Parse(GetType(ShadingEffectMode), ContentShadingEffect.SelectedItem.Text), ShadingEffectMode)

an.Header.Background.Color = CType((New ColorConverter()).ConvertFromString(headColor.SelectedItem.Text), Color)
an.Background.Color = CType((New ColorConverter()).ConvertFromString(contentColor.SelectedItem.Text), Color)
an.Header.Offset = New Point(Integer.Parse(XOffset.Text), Integer.Parse(YOffset.Text))

If shadowCheck.Checked Then
an.Header.Shadow.Color = Color.FromArgb(100, Color.Gray)
an.Header.Shadow.Soft = False
an.Header.Shadow.Depth = 4
End If

Dim c As Chart = New Chart()
c.MarginLeft = 20
c.MarginRight = 20
c.MarginTop = 20
c.MarginBottom = 20
c.TempDirectory = "temp"
c.ObjectChart = an
chartImage.ImageUrl = c.FileManager.SaveImage()

updateCode()

End Sub

' This method generates code necessary to create the annotation visual.
Sub updateCode()
Dim code As String = ""

code &= "private void styleBox(dotnetCHARTING.Box b)" & Constants.vbLf
code &= "{" & Constants.vbLf

If StartAlignmentEdge.Checked Then
ElseIf StartAlignmentInside.Checked Then
code &= Constants.vbTab & "b.Header.StartAlignment = EdgeAlignment.Inside;" & Constants.vbLf
ElseIf StartAlignmentOutside.Checked Then
code &= Constants.vbTab & "b.Header.StartAlignment = EdgeAlignment.Outside;" & Constants.vbLf
End If

If EndAlignmentEdge.Checked Then
ElseIf EndAlignmentInside.Checked Then
code &= Constants.vbTab & "b.Header.EndAlignment = EdgeAlignment.Inside;" & Constants.vbLf
ElseIf EndAlignmentOutside.Checked Then
code &= Constants.vbTab & "b.Header.EndAlignment = EdgeAlignment.Outside;" & Constants.vbLf
End If

If LabelAlignmentNear.Checked Then
code &= Constants.vbTab & "b.Header.Label.Alignment = StringAlignment.Near;" & Constants.vbLf
ElseIf LabelAlignmentCenter.Checked Then
ElseIf LabelAlignmentFar.Checked Then
code &= Constants.vbTab & "b.Header.Label.Alignment = StringAlignment.Far;" & Constants.vbLf
End If

If VerticalAlignmentInside.Checked Then
ElseIf VerticalAlignmentEdge.Checked Then
code &= Constants.vbTab & "b.Header.VerticalAlignment = EdgeAlignment.Edge;" & Constants.vbLf
ElseIf VerticalAlignmentOutside.Checked Then
code &= Constants.vbTab & "b.Header.VerticalAlignment = EdgeAlignment.Outside;" & Constants.vbLf
End If

If OrientationTop.Checked Then
ElseIf OrientationRight.Checked Then
code &= Constants.vbTab & "b.Header.Orientation = dotnetCHARTING.Orientation.Right;" & Constants.vbLf
ElseIf OrientationLeft.Checked Then
code &= Constants.vbTab & "b.Header.Orientation = dotnetCHARTING.Orientation.Left;" & Constants.vbLf
ElseIf OrientationBottom.Checked Then
code &= Constants.vbTab & "b.Header.Orientation = dotnetCHARTING.Orientation.Bottom;" & Constants.vbLf
End If

If hLabelSize.SelectedItem.Text <> "8" Then
code &= Constants.vbTab & "b.Header.Label.Font = new Font(""Arial""," & hLabelSize.SelectedItem.Text & ");" & Constants.vbLf
End If

If StartCap.SelectedItem.Text <> "Box" Then
code &= Constants.vbTab & "b.Header.StartCap = BoxCapStyle." & StartCap.SelectedItem.Text & ";" & Constants.vbLf
End If
If EndCap.SelectedItem.Text <> "Box" Then
code &= Constants.vbTab & "b.Header.EndCap = BoxCapStyle." & EndCap.SelectedItem.Text & ";" & Constants.vbLf
End If

If HeaderShadingEffect.SelectedItem.Text <> "None" Then
code &= Constants.vbTab & "b.Header.Background.ShadingEffectMode = ShadingEffectMode." & HeaderShadingEffect.SelectedItem.Text & ";" & Constants.vbLf
End If
If ContentShadingEffect.SelectedItem.Text <> "None" Then
code &= Constants.vbTab & "b.Background.ShadingEffectMode = ShadingEffectMode." & ContentShadingEffect.SelectedItem.Text & ";" & Constants.vbLf
End If

Dim hColor As Color = CType((New ColorConverter()).ConvertFromString(headColor.SelectedItem.Text), Color)
Dim cColor As Color = CType((New ColorConverter()).ConvertFromString(contentColor.SelectedItem.Text), Color)
If hColor <> Color.White Then
code &= Constants.vbTab & "b.Header.Background.Color = Color.FromArgb(" & hColor.R & "," & hColor.G & "," & hColor.B & ");" & Constants.vbLf
End If

If cColor <> Color.FromArgb(255,255,219) Then
code &= Constants.vbTab & "b.Background.Color = Color.FromArgb(" & cColor.R & "," & cColor.G & "," & cColor.B & ");" & Constants.vbLf
End If

Dim xO As Integer = Integer.Parse(XOffset.Text)
Dim yO As Integer = Integer.Parse(YOffset.Text)
If xO <> 0 OrElse yO <> 0 Then
code &= Constants.vbTab & "b.Header.Offset = new Point(" & xO & "," & yO & ");" & Constants.vbLf
End If

If shadowCheck.Checked Then
code &= Constants.vbTab & "b.Header.Shadow.Color = Color.FromArgb(100, Color.Gray);" & Constants.vbLf
code &= Constants.vbTab & "b.Header.Shadow.Soft = false;" & Constants.vbLf
code &= Constants.vbTab & "b.Header.Shadow.Depth = 4;" & Constants.vbLf
End If

code &= "}" & Constants.vbLf
codeBox.Text = code
End Sub

' Presets
Protected Sub presets1(ByVal sender As Object, ByVal e As EventArgs)
StartAlignmentEdge.Checked = False
StartAlignmentInside.Checked = False
StartAlignmentOutside.Checked = True
EndAlignmentEdge.Checked = False
EndAlignmentInside.Checked = False
EndAlignmentOutside.Checked = True
OrientationTop.Checked = True
OrientationBottom.Checked = False
OrientationLeft.Checked = False
OrientationRight.Checked = False
YOffset.Text = "5"
XOffset.Text = "0"
LabelAlignmentFar.Checked = False
LabelAlignmentNear.Checked = False
LabelAlignmentCenter.Checked = True
VerticalAlignmentEdge.Checked = False
VerticalAlignmentOutside.Checked = False
VerticalAlignmentInside.Checked = True
StartCap.SelectedIndex = 2
EndCap.SelectedIndex = 2
HeaderShadingEffect.SelectedIndex = 1
ContentShadingEffect.SelectedIndex = 10
shadowCheck.Checked = True
updateChart()
End Sub

Protected Sub presets2(ByVal sender As Object, ByVal e As EventArgs)
StartAlignmentEdge.Checked = False
StartAlignmentInside.Checked = True
StartAlignmentOutside.Checked = False
EndAlignmentEdge.Checked = True
EndAlignmentInside.Checked = False
EndAlignmentOutside.Checked = False
OrientationTop.Checked = True
OrientationBottom.Checked = False
OrientationLeft.Checked = False
OrientationRight.Checked = False
YOffset.Text = "5"
XOffset.Text = "5"
LabelAlignmentFar.Checked = False
LabelAlignmentNear.Checked = False
LabelAlignmentCenter.Checked = True
VerticalAlignmentEdge.Checked = False
VerticalAlignmentOutside.Checked = False
VerticalAlignmentInside.Checked = True
StartCap.SelectedIndex = 2
EndCap.SelectedIndex = 0
HeaderShadingEffect.SelectedIndex = 1
ContentShadingEffect.SelectedIndex = 10
shadowCheck.Checked = True
updateChart()
End Sub

Protected Sub presets3(ByVal sender As Object, ByVal e As EventArgs)
StartAlignmentEdge.Checked = False
StartAlignmentInside.Checked = False
StartAlignmentOutside.Checked = True
EndAlignmentEdge.Checked = False
EndAlignmentInside.Checked = True
EndAlignmentOutside.Checked = False
OrientationTop.Checked = True
OrientationBottom.Checked = False
OrientationLeft.Checked = False
OrientationRight.Checked = False
YOffset.Text = "5"
XOffset.Text = "0"
LabelAlignmentCenter.Checked = False
LabelAlignmentFar.Checked = False
LabelAlignmentNear.Checked = True
VerticalAlignmentEdge.Checked = False
VerticalAlignmentOutside.Checked = False
VerticalAlignmentInside.Checked = True
StartCap.SelectedIndex = 5
EndCap.SelectedIndex = 3
HeaderShadingEffect.SelectedIndex = 1
ContentShadingEffect.SelectedIndex = 10
shadowCheck.Checked = True
updateChart()
End Sub

Protected Sub presets4(ByVal sender As Object, ByVal e As EventArgs)
StartAlignmentEdge.Checked = False
StartAlignmentInside.Checked = True
StartAlignmentOutside.Checked = False
EndAlignmentEdge.Checked = False
EndAlignmentInside.Checked = True
EndAlignmentOutside.Checked = False
OrientationTop.Checked = True
OrientationBottom.Checked = False
OrientationLeft.Checked = False
OrientationRight.Checked = False
YOffset.Text = "0"
XOffset.Text = "0"
LabelAlignmentCenter.Checked = False
LabelAlignmentFar.Checked = False
LabelAlignmentNear.Checked = True
VerticalAlignmentEdge.Checked = True
VerticalAlignmentOutside.Checked = False
VerticalAlignmentInside.Checked = False
StartCap.SelectedIndex = 1
EndCap.SelectedIndex = 1
HeaderShadingEffect.SelectedIndex = 1
ContentShadingEffect.SelectedIndex = 10
shadowCheck.Checked = False
updateChart()
End Sub

Protected Sub presets5(ByVal sender As Object, ByVal e As EventArgs)
StartAlignmentEdge.Checked = False
StartAlignmentInside.Checked = True
StartAlignmentOutside.Checked = False
EndAlignmentEdge.Checked = True
EndAlignmentInside.Checked = False
EndAlignmentOutside.Checked = False
OrientationTop.Checked = True
OrientationBottom.Checked = False
OrientationLeft.Checked = False
OrientationRight.Checked = False
YOffset.Text = "0"
XOffset.Text = "0"
LabelAlignmentCenter.Checked = False
LabelAlignmentFar.Checked = True
LabelAlignmentNear.Checked = False
VerticalAlignmentEdge.Checked = False
VerticalAlignmentOutside.Checked = True
VerticalAlignmentInside.Checked = False
StartCap.SelectedIndex = 3
EndCap.SelectedIndex = 0
HeaderShadingEffect.SelectedIndex = 1
ContentShadingEffect.SelectedIndex = 10
shadowCheck.Checked = False
updateChart()
End Sub

'Ribbon
Protected Sub presets6(ByVal sender As Object, ByVal e As EventArgs)
StartAlignmentEdge.Checked = True
StartAlignmentInside.Checked = False
StartAlignmentOutside.Checked = False
EndAlignmentEdge.Checked = False
EndAlignmentInside.Checked = True
EndAlignmentOutside.Checked = False
OrientationTop.Checked = False
OrientationBottom.Checked = False
OrientationLeft.Checked = False
OrientationRight.Checked = True
YOffset.Text = "5"
XOffset.Text = "0"
LabelAlignmentCenter.Checked = True
LabelAlignmentFar.Checked = False
LabelAlignmentNear.Checked = False
VerticalAlignmentEdge.Checked = False
VerticalAlignmentOutside.Checked = False
VerticalAlignmentInside.Checked = True
StartCap.SelectedIndex = 11
EndCap.SelectedIndex = 2
HeaderShadingEffect.SelectedIndex = 7
ContentShadingEffect.SelectedIndex = 10
shadowCheck.Checked = False
updateChart()
End Sub

'Ribbon Tab
Protected Sub presets7(ByVal sender As Object, ByVal e As EventArgs)
StartAlignmentEdge.Checked = False
StartAlignmentInside.Checked = True
StartAlignmentOutside.Checked = False
EndAlignmentEdge.Checked = False
EndAlignmentInside.Checked = True
EndAlignmentOutside.Checked = False
OrientationTop.Checked = False
OrientationBottom.Checked = False
OrientationLeft.Checked = False
OrientationRight.Checked = True
YOffset.Text = "0"
XOffset.Text = "0"
LabelAlignmentCenter.Checked = True
LabelAlignmentFar.Checked = False
LabelAlignmentNear.Checked = False
VerticalAlignmentEdge.Checked = True
VerticalAlignmentOutside.Checked = False
VerticalAlignmentInside.Checked = False
StartCap.SelectedIndex = 11
EndCap.SelectedIndex = 11
HeaderShadingEffect.SelectedIndex = 7
ContentShadingEffect.SelectedIndex = 10
shadowCheck.Checked = False
updateChart()
End Sub

' Reset
Protected Sub presets0(ByVal sender As Object, ByVal e As EventArgs)
StartAlignmentEdge.Checked = True
StartAlignmentInside.Checked = False
StartAlignmentOutside.Checked = False
EndAlignmentEdge.Checked = True
EndAlignmentInside.Checked = False
EndAlignmentOutside.Checked = False
OrientationTop.Checked = True
OrientationBottom.Checked = False
OrientationLeft.Checked = False
OrientationRight.Checked = False
YOffset.Text = "0"
XOffset.Text = "0"
LabelAlignmentCenter.Checked = True
LabelAlignmentFar.Checked = False
LabelAlignmentNear.Checked = False
VerticalAlignmentEdge.Checked = False
VerticalAlignmentOutside.Checked = False
VerticalAlignmentInside.Checked = True
StartCap.SelectedIndex = 0
EndCap.SelectedIndex = 0
HeaderShadingEffect.SelectedIndex = 0
ContentShadingEffect.SelectedIndex = 0
headColor.SelectedIndex = 136
contentColor.SelectedIndex = 18
shadowCheck.Checked = False
updateChart()
End Sub
' Randomize
Protected Sub randomize(ByVal sender As Object, ByVal e As EventArgs)
Dim r As Random = New Random()
For Each c As Control In form1.Controls
Dim ddl As DropDownList = TryCast(c, DropDownList)
If Not ddl Is Nothing Then
ddl.SelectedIndex = r.Next(ddl.Items.Count)
End If
Next c

Dim sA As Integer = r.Next(3)
Dim eA As Integer = r.Next(3)
Dim lA As Integer = r.Next(3)
Dim vA As Integer = r.Next(3)
Dim oA As Integer = r.Next(4)

StartAlignmentEdge.Checked = False
StartAlignmentInside.Checked = False
StartAlignmentOutside.Checked = False
If sA = 0 Then
StartAlignmentOutside.Checked = True
End If
If sA = 1 Then
StartAlignmentEdge.Checked = True
End If
If sA = 2 Then
StartAlignmentInside.Checked = True
End If

EndAlignmentEdge.Checked = False
EndAlignmentInside.Checked = False
EndAlignmentOutside.Checked = False
If eA = 0 Then
EndAlignmentOutside.Checked = True
End If
If eA = 1 Then
EndAlignmentEdge.Checked = True
End If
If eA = 2 Then
EndAlignmentInside.Checked = True
End If

LabelAlignmentCenter.Checked = False
LabelAlignmentFar.Checked = False
LabelAlignmentNear.Checked = False

If lA = 0 Then
LabelAlignmentNear.Checked = True
End If
If lA = 1 Then
LabelAlignmentCenter.Checked = True
End If
If lA = 2 Then
LabelAlignmentFar.Checked = True
End If

VerticalAlignmentEdge.Checked = False
VerticalAlignmentOutside.Checked = False
VerticalAlignmentInside.Checked = False

If vA = 0 Then
VerticalAlignmentInside.Checked = True
End If
If vA = 1 Then
VerticalAlignmentEdge.Checked = True
End If
If vA = 2 Then
VerticalAlignmentOutside.Checked = True
End If

OrientationTop.Checked = False
OrientationBottom.Checked = False
OrientationLeft.Checked = False
OrientationRight.Checked = False

If oA = 0 Then
OrientationTop.Checked = True
End If
If oA = 1 Then
OrientationBottom.Checked = True
End If
If oA = 2 Then
OrientationLeft.Checked = True
End If
If oA = 3 Then
OrientationRight.Checked = True
End If

updateChart()

End Sub
Protected Sub OnValueChanged(ByVal sender As Object, ByVal e As EventArgs)
populateColors()
updateChart()
End Sub


</script>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>.netCHARTING Sample</title>
<style type="text/css">
.RadioButtons {
border: 1px solid #808080;
font-family: Arial, Helvetica, sans-serif;
font-size: x-small;
padding-right: 3px;
padding-top: 0px;
margin-right: 2px;
}
.LabelStyle {
font-family: Verdana, Geneva, Tahoma, sans-serif;
font-size: xx-small;
color: #333333;
font-weight: bold;
}
.DropDownStyle {
font-family: Arial, Helvetica, sans-serif;
font-size: xx-small;
border: 1px solid #666666;
}

#form1 {
text-align: right;
}
.ButtonStyle {
font-family: Verdana, Geneva, Tahoma, sans-serif;
font-size: x-small;
background-color: #FFFFFF;
border: 1px solid #808080;
}

</style>
</head>
<body>
<form id="form1" runat="server" >
<table style="width: 100%" cellpadding="1" cellspacing="0">
<tr>
<td style="text-align: right; " valign="bottom" colspan="3">
<table style="width: 100%">
<tr>
<td style="text-align:left; background-color: #AEB6D2;" colspan="3">
<table style="width: 100%">
<tr>
<td style="width: 80px">
<span class="LabelStyle">Presets</span></td>
<td>
<asp:Button id="preset1" runat="server" OnClick="presets1" Text="Banner" CssClass="ButtonStyle"/>
 <asp:Button id="preset2" runat="server" OnClick="presets2" Text="Floating" CssClass="ButtonStyle"/>
 <asp:Button id="preset3" runat="server" OnClick="presets3" Text="Pointer" CssClass="ButtonStyle"/>
 <asp:Button id="preset4" runat="server" OnClick="presets4" Text="Label" CssClass="ButtonStyle"/>
 <asp:Button id="preset5" runat="server" OnClick="presets5" Text="Tab" CssClass="ButtonStyle"/>
 <asp:Button id="Button1" runat="server" OnClick="presets6" Text="Ribbon" CssClass="ButtonStyle"/>
 <asp:Button id="Button2" runat="server" OnClick="presets7" Text="Ribbon Tab" CssClass="ButtonStyle"/>
 <asp:Button id="preset0" runat="server" OnClick="presets0" Text="[Reset]" CssClass="ButtonStyle"/>
 <asp:Button id="Button3" runat="server" OnClick="randomize" Text="Randomize" CssClass="ButtonStyle"/>
</td>
<td style="background-color: #FFFFFF">
<span class="LabelStyle">Label Size </span><asp:DropDownList id="hLabelSize" runat="server" CssClass="DropDownStyle" AutoPostBack="true">
<asp:ListItem>7</asp:ListItem>
<asp:ListItem Selected="True">8</asp:ListItem>
<asp:ListItem>9</asp:ListItem>
<asp:ListItem>10</asp:ListItem>
</asp:DropDownList>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="text-align:right; background-color: #DADEEB;"><p class="LabelStyle">Start Alignment</p></td>
<td style="width: 200; background-color: #DADEEB; text-align: center;">
<span class="LabelStyle">Header Offset</span></td>
<td style="background-color: #DADEEB"><p class="LabelStyle">End Alignment</p></td>
</tr>
<tr>
<td style="text-align: right; "><asp:RadioButton id="StartAlignmentOutside" Text="Outside" CssClass="RadioButtons"
GroupName="StartAlignment" AutoPostBack="true" runat="server"/>
<asp:RadioButton id="StartAlignmentEdge" Text="Edge" AutoPostBack="true" CssClass="RadioButtons" Checked=true
GroupName="StartAlignment" runat="server"/>
<asp:RadioButton id="StartAlignmentInside" Text="Inside" AutoPostBack="true" CssClass="RadioButtons"
GroupName="StartAlignment" runat="server"/></td>
<td style="width: 200; text-align:center; "><p class="LabelStyle">X <asp:TextBox ID="XOffset"
Text="0" runat="server" Width="35px" AutoPostBack="true"/>  Y <asp:TextBox ID="YOffset" Text="0" runat="server" Width="35px" AutoPostBack="true"/></p></td>
<td>
<asp:RadioButton id="EndAlignmentInside" Text="Inside" AutoPostBack="true" CssClass="RadioButtons"
GroupName="EndAlignment" runat="server" />
<asp:RadioButton id="EndAlignmentEdge" Text="Edge" AutoPostBack="true" CssClass="RadioButtons" Checked=true
GroupName="EndAlignment" runat="server" />
<asp:RadioButton id="EndAlignmentOutside" Text="Outside" AutoPostBack="true" CssClass="RadioButtons"
GroupName="EndAlignment" runat="server" />
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="text-align: right; width: 33%; background-color: #DADEEB;">


<span class="LabelStyle">Start Cap  </span></td>
<td style="width: 33%; text-align:center; background-color: #DADEEB;">
<span class="LabelStyle">Label Alignment</span></td>
<td style="width: 33%; background-color: #DADEEB;">


<span class="LabelStyle">  End Cap</span></td>
</tr>
<tr>
<td style="text-align: right; width: 33%; background-color: #FFFFFF;">
<p class="LabelStyle">

<asp:DropDownList id="StartCap" runat="server" CssClass="DropDownStyle" AutoPostBack="true">
<asp:ListItem>Box</asp:ListItem>
<asp:ListItem>Triangle</asp:ListItem>
<asp:ListItem>TriangleInverted</asp:ListItem>
<asp:ListItem>CutDown</asp:ListItem>
<asp:ListItem>CutUp</asp:ListItem>
<asp:ListItem>Arrow</asp:ListItem>
<asp:ListItem>Round</asp:ListItem>
<asp:ListItem>RoundInverted</asp:ListItem>
<asp:ListItem>RoundUp</asp:ListItem>
<asp:ListItem>RoundDown</asp:ListItem>
<asp:ListItem>RibbonUp</asp:ListItem>
<asp:ListItem>RibbonDown</asp:ListItem>
<asp:ListItem>Torn</asp:ListItem>
</asp:DropDownList></p>
</td>
<td style="width: 33%">
<table style="width: 100%; ">
<tr>
<td style="width: 33%" valign="bottom"><asp:RadioButton id="LabelAlignmentNear" Text="Near" AutoPostBack="true" CssClass="RadioButtons"
GroupName="LabelAlignment" runat="server"/>
</td>
<td style="text-align: center; width: 33%" valign="bottom">
<asp:RadioButton id="LabelAlignmentCenter" Text="Center" AutoPostBack="true" CssClass="RadioButtons"
GroupName="LabelAlignment" Checked="true" runat="server"/></td>
<td style="text-align: right; width: 33%" valign="bottom"><asp:RadioButton id="LabelAlignmentFar" Text="Far" AutoPostBack="true" CssClass="RadioButtons"
GroupName="LabelAlignment" runat="server"/></td>
</tr>
</table>
</td>
<td style="width: 33%; background-color: #FFFFFF;">
<p class="LabelStyle"> <asp:DropDownList id="EndCap" runat="server" CssClass="DropDownStyle" AutoPostBack="true">
<asp:ListItem>Box</asp:ListItem>
<asp:ListItem>Triangle</asp:ListItem>
<asp:ListItem>TriangleInverted</asp:ListItem>
<asp:ListItem>CutDown</asp:ListItem>
<asp:ListItem>CutUp</asp:ListItem>
<asp:ListItem>Arrow</asp:ListItem>
<asp:ListItem>Round</asp:ListItem>
<asp:ListItem>RoundInverted</asp:ListItem>
<asp:ListItem>RoundUp</asp:ListItem>
<asp:ListItem>RoundDown</asp:ListItem>
<asp:ListItem>RibbonUp</asp:ListItem>
<asp:ListItem>RibbonDown</asp:ListItem>
<asp:ListItem>Torn</asp:ListItem>
</asp:DropDownList></p></td>
</tr>
<tr>
<td style="text-align: right; width: 33%" valign="top">
<table style="width: 100%">
<tr>
<td style="background-color: #DADEEB"></td>
<td class="LabelStyle" style="text-align: center; background-color: #DADEEB;">Color</td>
<td class="LabelStyle" style="text-align: center; background-color: #DADEEB;">Shading</td>
</tr>
<tr>
<td><p class="LabelStyle">Header Background</p></td>
<td> <asp:DropDownList ID="headColor" runat="server" AutoPostBack="true"></asp:DropDownList></td>
<td> <asp:DropDownList id="HeaderShadingEffect" runat="server" CssClass="DropDownStyle" AutoPostBack="true">
<asp:ListItem>None</asp:ListItem>
<asp:ListItem>One</asp:ListItem>
<asp:ListItem>Two</asp:ListItem>
<asp:ListItem>Three</asp:ListItem>
<asp:ListItem>Four</asp:ListItem>
<asp:ListItem>Five</asp:ListItem>
<asp:ListItem>Six</asp:ListItem>
<asp:ListItem>Seven</asp:ListItem>
<asp:ListItem>Eight</asp:ListItem>
<asp:ListItem>Background1</asp:ListItem>
<asp:ListItem>Background2</asp:ListItem>
</asp:DropDownList></td>
</tr>
<tr>
<td><p class="LabelStyle">Content Background</p></td>
<td><asp:DropDownList ID="contentColor" runat="server" AutoPostBack="true"></asp:DropDownList></td>
<td><asp:DropDownList id="ContentShadingEffect" runat="server" CssClass="DropDownStyle" AutoPostBack="true">
<asp:ListItem>None</asp:ListItem>
<asp:ListItem>One</asp:ListItem>
<asp:ListItem>Two</asp:ListItem>
<asp:ListItem>Three</asp:ListItem>
<asp:ListItem>Four</asp:ListItem>
<asp:ListItem>Five</asp:ListItem>
<asp:ListItem>Six</asp:ListItem>
<asp:ListItem>Seven</asp:ListItem>
<asp:ListItem>Eight</asp:ListItem>
<asp:ListItem>Background1</asp:ListItem>
<asp:ListItem>Background2</asp:ListItem>
</asp:DropDownList></td>
</tr>
<tr>
<td> </td>
<td><asp:CheckBox ID="shadowCheck" Text="Header Shadow" runat="server" AutoPostBack="true"
CssClass="LabelStyle"/></td>
<td> </td>
</tr>
</table>
</td>
<td style="width: 33%; text-align: center;">
<table style="width: 100%">
<tr>
<td style="text-align: center">
<table style="width: 350px">
<tr>
<td><span class="LabelStyle">Orientation</span></td>
<td style="text-align: center"><asp:RadioButton id="OrientationTop" Text="Top" AutoPostBack="true" CssClass="RadioButtons" Checked="true"
GroupName="Orientation" runat="server"/>
</td>
<td> </td>
</tr>
<tr>
<td style="text-align: center">
<asp:RadioButton id="OrientationLeft" Text="Left" AutoPostBack="true" CssClass="RadioButtons"
GroupName="Orientation" runat="server"/>
</td>
<td style="text-align: center">
<asp:Image ID="chartImage" runat="server" />
</td>
<td>
<asp:RadioButton id="OrientationRight" Text="Right" AutoPostBack="true" CssClass="RadioButtons"
GroupName="Orientation" runat="server"/>
</td>
</tr>
<tr>
<td> </td>
<td style="text-align: center">
<asp:RadioButton id="OrientationBottom" Text="Bottom" AutoPostBack="true" CssClass="RadioButtons"
GroupName="Orientation" runat="server"/>
</td>
<td> </td>
</tr>
</table>
</td>
</tr>
</table>
<br />
<asp:Button ID="submitButton" runat="server" Text="Refresh" CssClass="ButtonStyle"/>
</td>
<td style="width: 33%" valign="top">
<table style="width: 100%">
<tr>
<td>
<table style="width: 300px" align="left" cellpadding="2" cellspacing="0">
<tr>
<td style="text-align: left; width: 150; background-color: #DADEEB;" class="LabelStyle">Vertical
Alignment</td>
<td style="text-align: center" class="LabelStyle"> </td>
</tr>
<tr>
<td style="text-align: left; width: 150;">
<asp:RadioButton id="VerticalAlignmentOutside" Text="Outside" Checked="false" AutoPostBack="true" CssClass="RadioButtons"
GroupName="VerticalAlignment" runat="server" />
</td>
<td style="text-align: center" class="LabelStyle"> </td>
</tr>
<tr>
<td style="text-align: left; width: 150;" >
<asp:RadioButton id="VerticalAlignmentEdge" Text="Edge" Checked="false" AutoPostBack="true" CssClass="RadioButtons"
GroupName="VerticalAlignment" runat="server" />
</td>
<td style="text-align: center" class="LabelStyle"> </td>
</tr>
<tr>
<td style="text-align: left; width: 150;">
<asp:RadioButton id="VerticalAlignmentInside" Text="Inside" Checked=true AutoPostBack="true" CssClass="RadioButtons"
GroupName="VerticalAlignment" runat="server" /> </td>
</tr>
</table>
</td>
</tr>
</table>

</td>
</tr>
</table>
<table style="width: 100%">
<tr>
<td valign="top" class="LabelStyle"><br />
</td>
<td style="text-align: left">
 </td>
</tr>
<tr>
<td class="LabelStyle">Code</td>
<td style="text-align: left">
<asp:TextBox ID="codeBox" TextMode="MultiLine" runat="server" Height="249px"
Width="714px" />
</td>
</tr>
</table>
</form>
</body>
</html>