Codejock Developer Community : XAML Button with Icon http://forum.codejock.com/ Copyright (c) 2006-2013 Web Wiz Forums - All Rights Reserved. Wed, 13 May 2026 20:21:18 +0000 Thu, 14 Aug 2008 14:02:12 +0000 http://blogs.law.harvard.edu/tech/rss Web Wiz Forums 12.04 360 forum.codejock.com/RSS_post_feed.asp?TID=11825 <![CDATA[Codejock Developer Community]]> http://forum.codejock.com/forum_images/codejock-logo.gif http://forum.codejock.com/ <![CDATA[XAML Button with Icon : Hi, Our Markup doesn&#039;t support...]]> http://forum.codejock.com/forum_posts.asp?TID=11825&PID=39879&title=xaml-button-with-icon#39879 Author: Oleg
Subject: 11825
Posted: 14 August 2008 at 2:02pm

Hi,

Our Markup doesn't support ControlTemplate, BitmapEffect, RadialGradientBrush tags. Check readme.txt and our xaml samlpes for list of supported tags.
]]> Thu, 14 Aug 2008 14:02:12 +0000 http://forum.codejock.com/forum_posts.asp?TID=11825&PID=39879&title=xaml-button-with-icon#39879 <![CDATA[XAML Button with Icon : Hello,I am trying to make a button...]]> http://forum.codejock.com/forum_posts.asp?TID=11825&PID=39861&title=xaml-button-with-icon#39861 Author: Ikkon
Subject: 11825
Posted: 14 August 2008 at 9:01am

Hello,

I am trying to make a button with styl that has a textBlock and image on the button.

I have the style working, so I tried to extend the style to add the textblock and image icon. but every time I add a control template in the extending style the first style vanishes...

anyone know how to do this or a bettter way? I just want to be able to add a button set the style and not have to worry about the text or icon


<Style x:Key="RegularButton">
                <Setter Property="Control.Margin" Value="2" />
                <Setter Property="Control.FontSize" Value="12" />
                <Setter Property="Control.Foreground" Value="Black"/>
                <Setter Property="Control.FontWeight" Value="bold"/>
                <Setter Property="Control.FontFamily" Value="Tohoma"/>
                <Setter Property="Control.Template">
                    <Setter.Value>
                        <ControlTemplate TargetType="{x:Type Button}">
                            <Grid>
                                <Grid.BitmapEffect>
                                    <DropShadowBitmapEffect Opacity=".25" ShadowDepth="2.4" Softness=".05" />
                                </Grid.BitmapEffect>
                                <Rectangle x:Name="GelBackground" Opacity="1" RadiusX="4" RadiusY="4" StrokeThickness="2">
                                    <Rectangle.Stroke>
                                        <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
                                            <GradientStop Color="#999999" Offset="0" />
                                            <GradientStop Color="#999999" Offset="1" />
                                        </LinearGradientBrush>
                                    </Rectangle.Stroke>
                                    <Rectangle.Fill>
                                        <LinearGradientBrush StartPoint="0,0" EndPoint="0,1">
                                            <GradientStop Color="#ffffff" Offset=".15"/>
                                            <GradientStop Color="#cccccc" Offset=".9"/>
                                        </LinearGradientBrush>
                                    </Rectangle.Fill>
                                </Rectangle> 
                                <ContentPresenter VerticalAlignment="Center" HorizontalAlignment="Center"/>
                            </Grid>
                            <ControlTemplate.Triggers>
                                <Trigger Property="IsMouseOver" Value="True">
                                    <Setter Property="Fill" TargetName="GelBackground">
                                        <Setter.Value>
                                            <RadialGradientBrush GradientOrigin="0,0.83" Center="0.8,0.4" Opacity=".9" RadiusX="5" RadiusY="0.8">
                                                <RadialGradientBrush.GradientStops>
                                                    <GradientStop Color="#97fafe" Offset="0" />
                                                    <GradientStop Color="#48e4ea" Offset="0.25" />
                                                    <GradientStop Color="#094254" Offset="0.63" />
                                                    <GradientStop Color="#0a4244" Offset="0.8" />
                                                </RadialGradientBrush.GradientStops>
                                            </RadialGradientBrush>
                                        </Setter.Value>
                                    </Setter>
                                </Trigger>
                                <Trigger Property="IsPressed" Value="true">
                                    <Setter Property="Fill" TargetName="GelBackground">
                                        <Setter.Value>
                                            <RadialGradientBrush GradientOrigin="0,0.83" Center="0.8,0.4" Opacity=".7" RadiusX="5" RadiusY="0.8">
                                                <RadialGradientBrush.GradientStops>
                                                    <GradientStop Color="#97fafe" Offset="0" />
                                                    <GradientStop Color="#48e4ea" Offset="0.25" />
                                                    <GradientStop Color="#094254" Offset="0.63" />
                                                    <GradientStop Color="#000000" Offset="0.8" />
                                                </RadialGradientBrush.GradientStops>
                                            </RadialGradientBrush>
                                        </Setter.Value>
                                    </Setter>
                                </Trigger>
                            </ControlTemplate.Triggers>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>                
            </Style>


        <!-- second style -->

            <Style x:Key="lastButton" BasedOn="{StaticResource RegularButton}" TargetType="Button">
            <Setter Property="Control.Foreground" Value="silver" />
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate>
                        <StackPanel>
                            <TextBlock Margin="15,12,10,0" HorizontalAlignment="left" VerticalAlignment="Center" Text="Next"/>
                            <Image Margin="10,-16,20,20" Width="17" Height="16" HorizontalAlignment="right" VerticalAlignment="Center" Source="bottom-next.png"/>
                        </StackPanel>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>


the button I want to be something like

<Button Height="28" Width="100" Style="{StaticResource lastButton}"/>

]]> Thu, 14 Aug 2008 09:01:50 +0000 http://forum.codejock.com/forum_posts.asp?TID=11825&PID=39861&title=xaml-button-with-icon#39861