Search results matching tags 'xaml' and 'UI Samples'

Search results matching tags 'xaml' and 'UI Samples'http://www.windows-now.com/search/SearchResults.aspx?o=DateDescending&tag=xaml,UI+Samples&orTags=0Search results matching tags 'xaml' and 'UI Samples'en-USCommunityServer 2008 SP2 (Build: 31104.93)Xul Challenge : XAML Calculator Samplehttp://www.windows-now.com/blogs/akinney/archive/2004/05/09/3435.aspxSun, 09 May 2004 06:26:00 GMT20f58a17-7e15-440c-89b3-dfe02fe74bcd:3435akinney<P>After receiving good feedback on <A href="http://www.adamkinney.com/PermaLink.aspx?guid=4f563784-3519-45b2-9133-10645003cc60">my counter sample</A>, I've completed my second entry for the <A href="http://xul.sourceforge.net/challenge.html">XUL Grand Coding Challenge 2004</A>, the Calculator.</P> <P><IMG src="http://adamkinney.com/lhblog/xulchallengecalc.jpg"></P> <P>This sample was completed in Longhorn v4051 and setup as a project in Visual Studio “Whidbey” (PDC Release).  The project files are available for download <A href="http://adamkinney.com/lhblog/CalculatorSample.zip">here</A>.  But for those of you who wish to see the markup, I'll post it below.</P><FONT color=#0000ff size=2> <P><</FONT><FONT color=#800000 size=2>Window</FONT><FONT color=#ff00ff size=2> <BR>   </FONT><FONT color=#ff0000 size=2>xmlns</FONT><FONT color=#0000ff size=2>=<A href="http://schemas.microsoft.com/2003/xaml">http://schemas.microsoft.com/2003/xaml</A><BR></FONT><FONT color=#800000 size=2><FONT color=#ff00ff>   </FONT>xmlns</FONT><FONT color=#ff00ff size=2>:</FONT><FONT color=#ff0000 size=2>def</FONT><FONT color=#0000ff size=2>="Definition“<BR><FONT color=#ff00ff>   </FONT></FONT><FONT color=#800000 size=2>def</FONT><FONT color=#ff00ff size=2>:</FONT><FONT color=#ff0000 size=2>Class</FONT><FONT color=#0000ff size=2>="CalculatorSample.Calculator"<BR><FONT color=#ff00ff>   </FONT></FONT><FONT color=#800000 size=2>def</FONT><FONT color=#ff00ff size=2>:</FONT><FONT color=#ff0000 size=2>CodeBehind</FONT><FONT color=#0000ff size=2>="Calculator.xaml.cs"</FONT><FONT color=#ff00ff size=2> <BR>   </FONT><FONT color=#ff0000 size=2>Text</FONT><FONT color=#0000ff size=2>="Xul Challenge 2004"<BR><FONT color=#ff00ff>   </FONT></FONT><FONT color=#ff0000 size=2>Visible</FONT><FONT color=#0000ff size=2>="True"<BR><FONT color=#ff00ff>   </FONT></FONT><FONT color=#ff0000 size=2>Width</FONT><FONT color=#0000ff size=2>="268"</FONT><FONT color=#ff00ff size=2> <BR>   </FONT><FONT color=#ff0000 size=2>Height</FONT><FONT color=#0000ff size=2>="250"<BR><FONT color=#ff00ff>   </FONT></FONT><FONT color=#ff0000 size=2>Loaded</FONT><FONT color=#0000ff size=2>="OnLoaded"<BR><FONT color=#ff00ff>   </FONT></FONT><FONT color=#ff0000 size=2>CanResize</FONT><FONT color=#0000ff size=2>="False"</FONT><FONT color=#0000ff size=2>><BR><FONT color=#ff00ff>   </FONT></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>Window.Resources</FONT><FONT color=#0000ff size=2>><BR><FONT color=#ff00ff>      </FONT></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>LinearGradientBrush<BR><FONT color=#ff00ff>         </FONT></FONT><FONT color=#800000 size=2>def</FONT><FONT color=#ff00ff size=2>:</FONT><FONT color=#ff0000 size=2>Name</FONT><FONT color=#0000ff size=2>="Gel"<BR><FONT color=#ff00ff>         </FONT></FONT><FONT color=#ff0000 size=2>StartPoint</FONT><FONT color=#0000ff size=2>="0.5,0"<BR><FONT color=#ff00ff>         </FONT></FONT><FONT color=#ff0000 size=2>EndPoint</FONT><FONT color=#0000ff size=2>="0.5,1"><BR><FONT color=#ff00ff>         </FONT></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>LinearGradientBrush.GradientStops</FONT><FONT color=#0000ff size=2>><BR><FONT color=#ff00ff>            </FONT></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>GradientStop</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Color</FONT><FONT color=#0000ff size=2>="#FFFFFF"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Offset</FONT><FONT color=#0000ff size=2>="0"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#0000ff size=2>/><BR><FONT color=#ff00ff>         </FONT></FONT><FONT color=#ff00ff>   </FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>GradientStop</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Color</FONT><FONT color=#0000ff size=2>="#E7E7E7"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Offset</FONT><FONT color=#0000ff size=2>="0.6"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#0000ff size=2>/><BR><FONT color=#ff00ff>            </FONT></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>GradientStop</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Color</FONT><FONT color=#0000ff size=2>="#CAE7FB"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Offset</FONT><FONT color=#0000ff size=2>="0.8"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#0000ff size=2>/><BR><FONT color=#ff00ff>            </FONT></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>GradientStop</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Color</FONT><FONT color=#0000ff size=2>="#DADADA"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Offset</FONT><FONT color=#0000ff size=2>="1"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#0000ff size=2>/><BR><FONT color=#ff00ff>         </FONT></FONT><FONT color=#0000ff size=2></</FONT><FONT color=#800000 size=2>LinearGradientBrush.GradientStops</FONT><FONT color=#0000ff size=2>><BR><FONT color=#ff00ff>      </FONT></FONT><FONT color=#0000ff size=2></</FONT><FONT color=#800000 size=2>LinearGradientBrush</FONT><FONT color=#0000ff size=2>><BR><FONT color=#ff00ff>      </FONT></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>Style</FONT><FONT color=#0000ff size=2>><BR><FONT color=#ff00ff>         </FONT></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>Menu</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>DockPanel.Dock</FONT><FONT color=#0000ff size=2>="Top"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Width</FONT><FONT color=#0000ff size=2>="100%"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Background</FONT><FONT color=#0000ff size=2>="{Gel}"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#0000ff size=2>/><BR><FONT color=#ff00ff>      </FONT></FONT><FONT color=#0000ff size=2></</FONT><FONT color=#800000 size=2>Style</FONT><FONT color=#0000ff size=2>><BR><FONT color=#ff00ff>      </FONT></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>Style</FONT><FONT color=#0000ff size=2>><BR><FONT color=#ff00ff>         </FONT></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>MenuItem</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Background</FONT><FONT color=#0000ff size=2>="{Gel}"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Margin</FONT><FONT color=#0000ff size=2>="0"/><BR><FONT color=#ff00ff>      </FONT></FONT><FONT color=#0000ff size=2></</FONT><FONT color=#800000 size=2>Style</FONT><FONT color=#0000ff size=2>><BR><FONT color=#ff00ff>      </FONT></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>Style</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#800000 size=2>def</FONT><FONT color=#ff00ff size=2>:</FONT><FONT color=#ff0000 size=2>Name</FONT><FONT color=#0000ff size=2>="Plastic"><BR><FONT color=#ff00ff>         </FONT></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>DockPanel</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Width</FONT><FONT color=#0000ff size=2>="100%"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Height</FONT><FONT color=#0000ff size=2>="100%"><BR><FONT color=#ff00ff>            </FONT></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>DockPanel.Background</FONT><FONT color=#0000ff size=2>><BR><FONT color=#ff00ff>               </FONT></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>LinearGradientBrush</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>StartPoint</FONT><FONT color=#0000ff size=2>="0.5,0"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>EndPoint</FONT><FONT color=#0000ff size=2>="0.5,1"><BR><FONT color=#ff00ff>                  </FONT></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>LinearGradientBrush.GradientStops</FONT><FONT color=#0000ff size=2>><BR><FONT color=#ff00ff>                     </FONT></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>GradientStop</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Color</FONT><FONT color=#0000ff size=2>="#E7E7E7"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Offset</FONT><FONT color=#0000ff size=2>="0"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#0000ff size=2>/><BR><FONT color=#ff00ff>                     </FONT></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>GradientStop</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Color</FONT><FONT color=#0000ff size=2>="#63B2E9"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Offset</FONT><FONT color=#0000ff size=2>="0.4"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#0000ff size=2>/><BR><FONT color=#ff00ff>                     </FONT></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>GradientStop</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Color</FONT><FONT color=#0000ff size=2>="#1C73B0"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Offset</FONT><FONT color=#0000ff size=2>="0.98"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#0000ff size=2>/><BR><FONT color=#ff00ff>                     </FONT></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>GradientStop</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Color</FONT><FONT color=#0000ff size=2>="#000000"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Offset</FONT><FONT color=#0000ff size=2>="1"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#0000ff size=2>/><BR><FONT color=#ff00ff>                  </FONT></FONT><FONT color=#0000ff size=2></</FONT><FONT color=#800000 size=2>LinearGradientBrush.GradientStops</FONT><FONT color=#0000ff size=2>><BR><FONT color=#ff00ff>               </FONT></FONT><FONT color=#0000ff size=2></</FONT><FONT color=#800000 size=2>LinearGradientBrush</FONT><FONT color=#0000ff size=2>><BR><FONT color=#ff00ff>            </FONT></FONT><FONT color=#0000ff size=2></</FONT><FONT color=#800000 size=2>DockPanel.Background</FONT><FONT color=#0000ff size=2>><BR><FONT color=#ff00ff>         </FONT></FONT><FONT color=#0000ff size=2></</FONT><FONT color=#800000 size=2>DockPanel</FONT><FONT color=#0000ff size=2>><BR><FONT color=#ff00ff>      </FONT></FONT><FONT color=#0000ff size=2></</FONT><FONT color=#800000 size=2>Style</FONT><FONT color=#0000ff size=2>><BR><FONT color=#ff00ff>      </FONT></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>Style</FONT><FONT color=#0000ff size=2>><BR><FONT color=#ff00ff>         </FONT></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>GridPanel</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>DockPanel.Dock</FONT><FONT color=#0000ff size=2>="Top"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Columns</FONT><FONT color=#0000ff size=2>="4"><BR><FONT color=#ff00ff>            </FONT></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>GridPanel.ColumnStyles</FONT><FONT color=#0000ff size=2>><BR><FONT color=#ff00ff>               </FONT></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>ColumnStyle</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Width</FONT><FONT color=#0000ff size=2>="25%"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#0000ff size=2>/><BR><FONT color=#ff00ff>               </FONT></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>ColumnStyle</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Width</FONT><FONT color=#0000ff size=2>="25%"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#0000ff size=2>/><BR><FONT color=#ff00ff>               </FONT></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>ColumnStyle</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Width</FONT><FONT color=#0000ff size=2>="25%"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#0000ff size=2>/><BR><FONT color=#ff00ff>               </FONT></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>ColumnStyle</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Width</FONT><FONT color=#0000ff size=2>="25%"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#0000ff size=2>/><BR><FONT color=#ff00ff>            </FONT></FONT><FONT color=#0000ff size=2></</FONT><FONT color=#800000 size=2>GridPanel.ColumnStyles</FONT><FONT color=#0000ff size=2>><BR><FONT color=#ff00ff>         </FONT></FONT><FONT color=#0000ff size=2></</FONT><FONT color=#800000 size=2>GridPanel</FONT><FONT color=#0000ff size=2>><BR><FONT color=#ff00ff>      </FONT></FONT><FONT color=#0000ff size=2></</FONT><FONT color=#800000 size=2>Style</FONT><FONT color=#0000ff size=2>><BR><FONT color=#ff00ff>      </FONT></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>Style</FONT><FONT color=#0000ff size=2>><BR><FONT color=#ff00ff>         </FONT></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>TextBox<BR><FONT color=#ff00ff>            </FONT></FONT><FONT color=#ff0000 size=2>DockPanel.Dock</FONT><FONT color=#0000ff size=2>="Top"<BR><FONT color=#ff00ff>            </FONT></FONT><FONT color=#ff0000 size=2>FontSize</FONT><FONT color=#0000ff size=2>="12"<BR><FONT color=#ff00ff>            </FONT></FONT><FONT color=#ff0000 size=2>Width</FONT><FONT color=#0000ff size=2>="96%"<BR><FONT color=#ff00ff>            </FONT></FONT><FONT color=#ff0000 size=2>Height</FONT><FONT color=#0000ff size=2>="30"<BR><FONT color=#ff00ff>            </FONT></FONT><FONT color=#ff0000 size=2>HorizontalAlignment</FONT><FONT color=#0000ff size=2>="Right"<BR><FONT color=#ff00ff>            </FONT></FONT><FONT color=#ff0000 size=2>IsReadOnly</FONT><FONT color=#0000ff size=2>="True"<BR><FONT color=#ff00ff>            </FONT></FONT><FONT color=#ff0000 size=2>Margin</FONT><FONT color=#0000ff size=2>="5"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#0000ff size=2>/><BR><FONT color=#ff00ff>      </FONT></FONT><FONT color=#0000ff size=2></</FONT><FONT color=#800000 size=2>Style</FONT><FONT color=#0000ff size=2>><BR><FONT color=#ff00ff>      </FONT></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>Style</FONT><FONT color=#0000ff size=2>><BR><FONT color=#ff00ff>         </FONT></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>Button</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Margin</FONT><FONT color=#0000ff size=2>="3"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>FontSize</FONT><FONT color=#0000ff size=2>="12"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#0000ff size=2>/><BR><FONT color=#ff00ff>         </FONT></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>Style.VisualTree</FONT><FONT color=#0000ff size=2>><BR><FONT color=#ff00ff>            </FONT></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>Canvas</FONT><FONT color=#0000ff size=2>><BR><FONT color=#ff00ff>               </FONT></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>Rectangle<BR><FONT color=#ff00ff>                  </FONT></FONT><FONT color=#800000 size=2>def</FONT><FONT color=#ff00ff size=2>:</FONT><FONT color=#ff0000 size=2>StyleID</FONT><FONT color=#0000ff size=2>="RectangleBackground"<BR><FONT color=#ff00ff>                  </FONT></FONT><FONT color=#ff0000 size=2>Width</FONT><FONT color=#0000ff size=2>="100%"<BR><FONT color=#ff00ff>                  </FONT></FONT><FONT color=#ff0000 size=2>Height</FONT><FONT color=#0000ff size=2>="100%"<BR><FONT color=#ff00ff>                  </FONT></FONT><FONT color=#ff0000 size=2>RadiusX</FONT><FONT color=#0000ff size=2>="5"<BR><FONT color=#ff00ff>                  </FONT></FONT><FONT color=#ff0000 size=2>RadiusY</FONT><FONT color=#0000ff size=2>="5"<BR><FONT color=#ff00ff>                  </FONT></FONT><FONT color=#ff0000 size=2>Stroke</FONT><FONT color=#0000ff size=2>="Black"<BR><FONT color=#ff00ff>                  </FONT></FONT><FONT color=#ff0000 size=2>StrokeThickness</FONT><FONT color=#0000ff size=2>="0.5"<BR><FONT color=#ff00ff>                  </FONT></FONT><FONT color=#ff0000 size=2>Fill</FONT><FONT color=#0000ff size=2>="{Gel}"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#0000ff size=2>/><BR><FONT color=#ff00ff>               </FONT></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>FlowPanel<BR><FONT color=#ff00ff>                  </FONT></FONT><FONT color=#ff0000 size=2>HorizontalAlignment</FONT><FONT color=#0000ff size=2>="Center"<BR><FONT color=#ff00ff>                  </FONT></FONT><FONT color=#ff0000 size=2>VerticalAlignment</FONT><FONT color=#0000ff size=2>="Center"<BR><FONT color=#ff00ff>                  </FONT></FONT><FONT color=#ff0000 size=2>Width</FONT><FONT color=#0000ff size=2>="100%"<BR><FONT color=#ff00ff>                  </FONT></FONT><FONT color=#ff0000 size=2>Height</FONT><FONT color=#0000ff size=2>="22"><BR><FONT color=#ff00ff>                  </FONT></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>ContentPresenter<BR><FONT color=#ff00ff>                     </FONT></FONT><FONT color=#ff0000 size=2>ContentControl.Content</FONT><FONT color=#0000ff size=2>="*Alias(Target=Content)"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#0000ff size=2>/><BR><FONT color=#ff00ff>               </FONT></FONT><FONT color=#0000ff size=2></</FONT><FONT color=#800000 size=2>FlowPanel</FONT><FONT color=#0000ff size=2>><BR><FONT color=#ff00ff>            </FONT></FONT><FONT color=#0000ff size=2></</FONT><FONT color=#800000 size=2>Canvas</FONT><FONT color=#0000ff size=2>><BR><FONT color=#ff00ff>         </FONT></FONT><FONT color=#0000ff size=2></</FONT><FONT color=#800000 size=2>Style.VisualTree</FONT><FONT color=#0000ff size=2>><BR><FONT color=#ff00ff>         </FONT></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>Style.VisualTriggers</FONT><FONT color=#0000ff size=2>><BR><FONT color=#ff00ff>            </FONT></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>PropertyTrigger</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Property</FONT><FONT color=#0000ff size=2>="IsMouseOver"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Value</FONT><FONT color=#0000ff size=2>="true"><BR><FONT color=#ff00ff>               </FONT></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>Set<BR><FONT color=#ff00ff>                  </FONT></FONT><FONT color=#ff0000 size=2>Target</FONT><FONT color=#0000ff size=2>="RectangleBackground"<BR><FONT color=#ff00ff>                  </FONT></FONT><FONT color=#ff0000 size=2>PropertyPath</FONT><FONT color=#0000ff size=2>="Opacity"<BR><FONT color=#ff00ff>                  </FONT></FONT><FONT color=#ff0000 size=2>Value</FONT><FONT color=#0000ff size=2>="0.7"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#0000ff size=2>/><BR><FONT color=#ff00ff>            </FONT></FONT><FONT color=#0000ff size=2></</FONT><FONT color=#800000 size=2>PropertyTrigger</FONT><FONT color=#0000ff size=2>><BR><FONT color=#ff00ff>         </FONT></FONT><FONT color=#0000ff size=2></</FONT><FONT color=#800000 size=2>Style.VisualTriggers</FONT><FONT color=#0000ff size=2>><BR><FONT color=#ff00ff>      </FONT></FONT><FONT color=#0000ff size=2></</FONT><FONT color=#800000 size=2>Style</FONT><FONT color=#0000ff size=2>></FONT><FONT size=2> <BR></FONT><FONT color=#0000ff size=2><FONT color=#ff00ff>   </FONT></</FONT><FONT color=#800000 size=2>Window.Resources</FONT><FONT color=#0000ff size=2>><BR><FONT color=#ff00ff>   </FONT></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>Canvas</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Width</FONT><FONT color=#0000ff size=2>="100%"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Height</FONT><FONT color=#0000ff size=2>="100%"><BR><FONT color=#ff00ff>      </FONT></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>DockPanel</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Style</FONT><FONT color=#0000ff size=2>="{Plastic}"><BR><FONT color=#ff00ff>         </FONT></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>Menu</FONT><FONT color=#0000ff size=2>><BR><FONT color=#ff00ff>            </FONT></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>MenuItem</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Header</FONT><FONT color=#0000ff size=2>="Edit"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Margin</FONT><FONT color=#0000ff size=2>="3"><BR><FONT color=#ff00ff>               </FONT></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>MenuItem</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Header</FONT><FONT color=#0000ff size=2>="Copy"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Click</FONT><FONT color=#0000ff size=2>="Copy"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#0000ff size=2>/><BR><FONT color=#ff00ff>               </FONT></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>MenuItem</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Header</FONT><FONT color=#0000ff size=2>="Paste"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Click</FONT><FONT color=#0000ff size=2>="Paste"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#0000ff size=2>/><BR><FONT color=#ff00ff>            </FONT></FONT><FONT color=#0000ff size=2></</FONT><FONT color=#800000 size=2>MenuItem</FONT><FONT color=#0000ff size=2>><BR><FONT color=#ff00ff>            </FONT></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>MenuItem</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Header</FONT><FONT color=#0000ff size=2>="Help"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Margin</FONT><FONT color=#0000ff size=2>="3"><BR><FONT color=#ff00ff>               </FONT></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>MenuItem</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Header</FONT><FONT color=#0000ff size=2>="About"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Click</FONT><FONT color=#0000ff size=2>="About"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#0000ff size=2>/><BR><FONT color=#ff00ff>            </FONT></FONT><FONT color=#0000ff size=2></</FONT><FONT color=#800000 size=2>MenuItem</FONT><FONT color=#0000ff size=2>><BR><FONT color=#ff00ff>         </FONT></FONT><FONT color=#0000ff size=2></</FONT><FONT color=#800000 size=2>Menu</FONT><FONT color=#0000ff size=2>><BR><FONT color=#ff00ff>         </FONT></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>TextBox</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>ID</FONT><FONT color=#0000ff size=2>="ValueTextBox"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Text</FONT><FONT color=#0000ff size=2>="0"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#0000ff size=2>/><BR><FONT color=#ff00ff>         </FONT></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>GridPanel</FONT><FONT color=#0000ff size=2>><BR><FONT color=#ff00ff>            </FONT></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>Button</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Click</FONT><FONT color=#0000ff size=2>="InputNum"></FONT><FONT size=2>7</FONT><FONT color=#0000ff size=2></</FONT><FONT color=#800000 size=2>Button</FONT><FONT color=#0000ff size=2>><BR><FONT color=#ff00ff>            </FONT></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>Button</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Click</FONT><FONT color=#0000ff size=2>="InputNum"></FONT><FONT size=2>8</FONT><FONT color=#0000ff size=2></</FONT><FONT color=#800000 size=2>Button</FONT><FONT color=#0000ff size=2>><BR><FONT color=#ff00ff>            </FONT></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>Button</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Click</FONT><FONT color=#0000ff size=2>="InputNum"></FONT><FONT size=2>9</FONT><FONT color=#0000ff size=2></</FONT><FONT color=#800000 size=2>Button</FONT><FONT color=#0000ff size=2>><BR><FONT color=#ff00ff>            </FONT></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>Button</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Click</FONT><FONT color=#0000ff size=2>="Div"></FONT><FONT size=2>/</FONT><FONT color=#0000ff size=2></</FONT><FONT color=#800000 size=2>Button</FONT><FONT color=#0000ff size=2>><BR><FONT color=#ff00ff>            </FONT></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>Button</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Click</FONT><FONT color=#0000ff size=2>="InputNum"></FONT><FONT size=2>4</FONT><FONT color=#0000ff size=2></</FONT><FONT color=#800000 size=2>Button</FONT><FONT color=#0000ff size=2>><BR><FONT color=#ff00ff>            </FONT></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>Button</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Click</FONT><FONT color=#0000ff size=2>="InputNum"></FONT><FONT size=2>5</FONT><FONT color=#0000ff size=2></</FONT><FONT color=#800000 size=2>Button</FONT><FONT color=#0000ff size=2>><BR><FONT color=#ff00ff>            </FONT></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>Button</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Click</FONT><FONT color=#0000ff size=2>="InputNum"></FONT><FONT size=2>6</FONT><FONT color=#0000ff size=2></</FONT><FONT color=#800000 size=2>Button</FONT><FONT color=#0000ff size=2>><BR><FONT color=#ff00ff>            </FONT></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>Button</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Click</FONT><FONT color=#0000ff size=2>="Mul"></FONT><FONT size=2>*</FONT><FONT color=#0000ff size=2></</FONT><FONT color=#800000 size=2>Button</FONT><FONT color=#0000ff size=2>><BR><FONT color=#ff00ff>            </FONT></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>Button</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Click</FONT><FONT color=#0000ff size=2>="InputNum"></FONT><FONT size=2>1</FONT><FONT color=#0000ff size=2></</FONT><FONT color=#800000 size=2>Button</FONT><FONT color=#0000ff size=2>><BR><FONT color=#ff00ff>            </FONT></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>Button</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Click</FONT><FONT color=#0000ff size=2>="InputNum"></FONT><FONT size=2>2</FONT><FONT color=#0000ff size=2></</FONT><FONT color=#800000 size=2>Button</FONT><FONT color=#0000ff size=2>><BR><FONT color=#ff00ff>            </FONT></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>Button</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Click</FONT><FONT color=#0000ff size=2>="InputNum"></FONT><FONT size=2>3</FONT><FONT color=#0000ff size=2></</FONT><FONT color=#800000 size=2>Button</FONT><FONT color=#0000ff size=2>><BR><FONT color=#ff00ff>            </FONT></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>Button</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Click</FONT><FONT color=#0000ff size=2>="Sub"></FONT><FONT size=2>-</FONT><FONT color=#0000ff size=2></</FONT><FONT color=#800000 size=2>Button</FONT><FONT color=#0000ff size=2>><BR><FONT color=#ff00ff>            </FONT></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>Button</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Click</FONT><FONT color=#0000ff size=2>="InputNum"></FONT><FONT size=2>0</FONT><FONT color=#0000ff size=2></</FONT><FONT color=#800000 size=2>Button</FONT><FONT color=#0000ff size=2>><BR><FONT color=#ff00ff>            </FONT></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>Button</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Click</FONT><FONT color=#0000ff size=2>="InputNum"></FONT><FONT size=2>.</FONT><FONT color=#0000ff size=2></</FONT><FONT color=#800000 size=2>Button</FONT><FONT color=#0000ff size=2>><BR><FONT color=#ff00ff>            </FONT></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>Button</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Click</FONT><FONT color=#0000ff size=2>="Eql"></FONT><FONT size=2>=</FONT><FONT color=#0000ff size=2></</FONT><FONT color=#800000 size=2>Button</FONT><FONT color=#0000ff size=2>><BR><FONT color=#ff00ff>            </FONT></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>Button</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Click</FONT><FONT color=#0000ff size=2>="Add"></FONT><FONT size=2>+</FONT><FONT color=#0000ff size=2></</FONT><FONT color=#800000 size=2>Button</FONT><FONT color=#0000ff size=2>><BR><FONT color=#ff00ff>            </FONT></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>Button</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Click</FONT><FONT color=#0000ff size=2>="Clr"></FONT><FONT size=2>C</FONT><FONT color=#0000ff size=2></</FONT><FONT color=#800000 size=2>Button</FONT><FONT color=#0000ff size=2>><BR><FONT color=#ff00ff>         </FONT></FONT><FONT color=#0000ff size=2></</FONT><FONT color=#800000 size=2>GridPanel</FONT><FONT color=#0000ff size=2>><BR><FONT color=#ff00ff>      </FONT></FONT><FONT color=#0000ff size=2></</FONT><FONT color=#800000 size=2>DockPanel</FONT><FONT color=#0000ff size=2>><BR><FONT color=#ff00ff>   </FONT></FONT><FONT color=#0000ff size=2></</FONT><FONT color=#800000 size=2>Canvas</FONT><FONT color=#0000ff size=2>><BR></</FONT><FONT color=#800000 size=2>Window</FONT><FONT color=#0000ff size=2>></FONT></P> <P>In this sample, I have placed all of the styling within the Windows.Resources section, which you'll notice keeps the UI definition cleaner. Another item of note is the overriding of the Button's Visual Tree, a powerful capability for low level custom UI design.  I would have also liked to hook into the IsMouseDown event of the Button when applying the Property Triggers, but as of Longhorn version 4051 that is not supported.</P> <P>Yes, I am enjoying designing my UI in Markup.</P><img width="0" height="0" src="http://www.adamkinney.com/cptrk.ashx?id=4fb8d633-3459-4f26-9ae0-5ea397a01cf6">Xul Challenge : XAML Counter Samplehttp://www.windows-now.com/blogs/akinney/archive/2004/05/06/3371.aspxThu, 06 May 2004 09:03:00 GMT20f58a17-7e15-440c-89b3-dfe02fe74bcd:3371akinney<P>I've completed my Counter Sample for the <A href="http://xul.sourceforge.net/challenge.html">Xul Coding Challenge</A>. The rest of the samples are shown <A href="http://xul.sourceforge.net/counter.html">here</A>. Its pretty interesting to browse through the different samples and compare the markup code.</P> <P><IMG src="http://adamkinney.com/lhblog/xulchallengecounter.jpg"></P> <P>XAML Code below:</P><FONT color=#0000ff size=2> <P><</FONT><FONT color=#800000 size=2>Window<BR>   </FONT><FONT color=#ff0000 size=2>xmlns</FONT><FONT color=#0000ff size=2>=<A href="http://schemas.microsoft.com/2003/xaml">http://schemas.microsoft.com/2003/xaml</A><BR>   </FONT><FONT color=#800000 size=2>xmlns</FONT><FONT color=#ff00ff size=2>:</FONT><FONT color=#ff0000 size=2>def</FONT><FONT color=#0000ff size=2>="Definition" </FONT><FONT color=#800000 size=2>def</FONT><FONT color=#ff00ff size=2>:</FONT><FONT color=#ff0000 size=2>Class</FONT><FONT color=#0000ff size=2>="CounterSample.Counter" </FONT><FONT color=#800000 size=2><BR>   def</FONT><FONT color=#ff00ff size=2>:</FONT><FONT color=#ff0000 size=2>CodeBehind</FONT><FONT color=#0000ff size=2>="Counter.xaml.cs"<BR>   </FONT><FONT color=#ff0000 size=2>Text</FONT><FONT color=#0000ff size=2>="Xul Challenge 2004"<BR>   </FONT><FONT color=#ff0000 size=2>Visible</FONT><FONT color=#0000ff size=2>="True"<BR>   </FONT><FONT color=#ff0000 size=2>Width</FONT><FONT color=#0000ff size=2>="268"<BR>  </FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Height</FONT><FONT color=#0000ff size=2>="150"<BR>   </FONT><FONT color=#ff0000 size=2>Loaded</FONT><FONT color=#0000ff size=2>="OnLoaded"</FONT><FONT color=#0000ff size=2>><BR></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>Window.Resources</FONT><FONT color=#0000ff size=2>><BR></FONT><FONT color=#0000ff size=2>   <</FONT><FONT color=#800000 size=2>Style</FONT><FONT color=#0000ff size=2>><BR></FONT><FONT color=#0000ff size=2>      <</FONT><FONT color=#800000 size=2>Button</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Margin</FONT><FONT color=#0000ff size=2>="5"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>FontSize</FONT><FONT color=#0000ff size=2>="14"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#0000ff size=2>/><BR></FONT><FONT color=#0000ff size=2>   </</FONT><FONT color=#800000 size=2>Style</FONT><FONT color=#0000ff size=2>><BR></FONT><FONT color=#0000ff size=2></</FONT><FONT color=#800000 size=2>Window.Resources</FONT><FONT color=#0000ff size=2>><BR></FONT><FONT color=#0000ff size=2><</FONT><FONT color=#800000 size=2>FlowPanel</FONT><FONT color=#0000ff size=2>><BR></FONT><FONT color=#0000ff size=2>   <</FONT><FONT color=#800000 size=2>FlowPanel.Background</FONT><FONT color=#0000ff size=2>><BR></FONT><FONT color=#0000ff size=2>      <</FONT><FONT color=#800000 size=2>LinearGradientBrush</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>StartPoint</FONT><FONT color=#0000ff size=2>="0.5,0"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>EndPoint</FONT><FONT color=#0000ff size=2>="0.5,1"><BR></FONT><FONT color=#0000ff size=2>         <</FONT><FONT color=#800000 size=2>LinearGradientBrush.GradientStops</FONT><FONT color=#0000ff size=2>><BR></FONT><FONT color=#0000ff size=2>            <</FONT><FONT color=#800000 size=2>GradientStop</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Color</FONT><FONT color=#0000ff size=2>="#E7E7E7"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Offset</FONT><FONT color=#0000ff size=2>="0"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#0000ff size=2>/><BR></FONT><FONT color=#0000ff size=2>            <</FONT><FONT color=#800000 size=2>GradientStop</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Color</FONT><FONT color=#0000ff size=2>="#FFFFFF"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Offset</FONT><FONT color=#0000ff size=2>="0.02"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#0000ff size=2>/><BR></FONT><FONT color=#0000ff size=2>            <</FONT><FONT color=#800000 size=2>GradientStop</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Color</FONT><FONT color=#0000ff size=2>="#FFF287"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Offset</FONT><FONT color=#0000ff size=2>="0.2"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#0000ff size=2>/><BR></FONT><FONT color=#0000ff size=2>            <</FONT><FONT color=#800000 size=2>GradientStop</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Color</FONT><FONT color=#0000ff size=2>="#F9E11A"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Offset</FONT><FONT color=#0000ff size=2>="0.98"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#0000ff size=2>/><BR></FONT><FONT color=#0000ff size=2>            <</FONT><FONT color=#800000 size=2>GradientStop</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Color</FONT><FONT color=#0000ff size=2>="#000000"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Offset</FONT><FONT color=#0000ff size=2>="1"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#0000ff size=2>/><BR></FONT><FONT color=#0000ff size=2>         </</FONT><FONT color=#800000 size=2>LinearGradientBrush.GradientStops</FONT><FONT color=#0000ff size=2>><BR></FONT><FONT color=#0000ff size=2>      </</FONT><FONT color=#800000 size=2>LinearGradientBrush</FONT><FONT color=#0000ff size=2>><BR></FONT><FONT color=#0000ff size=2>   </</FONT><FONT color=#800000 size=2>FlowPanel.Background</FONT><FONT color=#0000ff size=2>><BR></FONT><FONT color=#0000ff size=2>   <</FONT><FONT color=#800000 size=2>SimpleText</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Margin</FONT><FONT color=#0000ff size=2>="5"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>FontSize</FONT><FONT color=#0000ff size=2>="14"></FONT><FONT size=2>Counter Sample</FONT><FONT color=#0000ff size=2></</FONT><FONT color=#800000 size=2>SimpleText</FONT><FONT color=#0000ff size=2>><BR></FONT><FONT color=#0000ff size=2>   <</FONT><FONT color=#800000 size=2>TextBox</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>ID</FONT><FONT color=#0000ff size=2>="ValueTextBox"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>FontSize</FONT><FONT color=#0000ff size=2>="14"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Width</FONT><FONT color=#0000ff size=2>="250"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Height</FONT><FONT color=#0000ff size=2>="30"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>HorizontalAlignment</FONT><FONT color=#0000ff size=2>="Center"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>IsReadOnly</FONT><FONT color=#0000ff size=2>="True"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Margin</FONT><FONT color=#0000ff size=2>="5"></</FONT><FONT color=#800000 size=2>TextBox</FONT><FONT color=#0000ff size=2>><BR></FONT><FONT color=#0000ff size=2>   <</FONT><FONT color=#800000 size=2>FlowPanel</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>HorizontalAlignment</FONT><FONT color=#0000ff size=2>="Center"</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Width</FONT><FONT color=#0000ff size=2>="100%"><BR></FONT><FONT color=#0000ff size=2>      <</FONT><FONT color=#800000 size=2>Button</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Click</FONT><FONT color=#0000ff size=2>="Dec"></FONT><FONT size=2>Dec (-)</FONT><FONT color=#0000ff size=2></</FONT><FONT color=#800000 size=2>Button</FONT><FONT color=#0000ff size=2>><BR></FONT><FONT color=#0000ff size=2>      <</FONT><FONT color=#800000 size=2>Button</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Click</FONT><FONT color=#0000ff size=2>="Clear"></FONT><FONT size=2>Clear</FONT><FONT color=#0000ff size=2></</FONT><FONT color=#800000 size=2>Button</FONT><FONT color=#0000ff size=2>><BR></FONT><FONT color=#0000ff size=2>      <</FONT><FONT color=#800000 size=2>Button</FONT><FONT color=#ff00ff size=2> </FONT><FONT color=#ff0000 size=2>Click</FONT><FONT color=#0000ff size=2>="Inc"></FONT><FONT size=2>Inc (+)</FONT><FONT color=#0000ff size=2></</FONT><FONT color=#800000 size=2>Button</FONT><FONT color=#0000ff size=2>><BR></FONT><FONT color=#0000ff size=2>   </</FONT><FONT color=#800000 size=2>FlowPanel</FONT><FONT color=#0000ff size=2>><BR></FONT><FONT color=#0000ff size=2></</FONT><FONT color=#800000 size=2>FlowPanel</FONT><FONT color=#0000ff size=2>><BR></</FONT><FONT color=#800000 size=2>Window</FONT><FONT color=#0000ff size=2>></P></FONT><IMG height=0 src="http://www.adamkinney.com/cptrk.ashx?id=4f563784-3519-45b2-9133-10645003cc60" width=0>