Changing a button's style in runtime ?

09-06-2008 7:12 PM |

In XAML I have 2 styles for buttons (in UserControl.Resources tag) and 1 button. The first style is already applied to my button and what i want now is to change its style (to the second one) when it's clicked. I was trying the following with no luck:

 

         private void onClick(object sender, RoutedEventArgs e)
        {
            Button bt = sender as Button;

            bt.Style = (Style)FindName("activated"); // 1st way

            //bt.SetValue(Button.StyleProperty, FindName("activated")); 2nd way
        } 

 

activated is the name of the second style.

  i've been thinking that it might not be possible, i've tried so many ways..do you have any ideas? what am i doing wrong ?

 thanks a lot in advance! 8-)

Re: Changing a button's style in runtime ?

09-06-2008 10:54 PM |

 If you want to set the style defined in the UserControl.Resources you do this:

 bt.Style = (Style)this.Resources["activated"];

But you can only do this (apply style to a control) once in code.  

Re: Changing a button's style in runtime ?

09-07-2008 5:36 AM |

I get again the same error "Catastrophic failure (Exception from HRESULT: 0x8000FFFF (E_UNEXPECTED))"

sladapter:

But you can only do this (apply style to a control) once in code.

Trying to change a button's style on runtime, when this button has already a style, might be the second time the code is trying to apply a style to it.

So it's not possible actually..

Thanks for helping :)

Re: Changing a button's style in runtime ?

09-07-2008 10:58 AM |

 Actually, changing the style itself was my first idea, but I found it too complicated. The fact that the trick with 2 styles isn't working leaves no choice which way to follow.

Thanks very much for the links, i never thought that somebody would like to change a style on runtime until I checked those links ;-P

Thanks again! :)

Re: Changing a button's style in runtime ?

09-08-2008 10:09 AM |

Actually, for your purpose, using ToggleButton and define Checked state might be a simpler approach than define 2 styles for Button.

See this thread:

http://silverlight.net/forums/t/24461.aspx

 

 

Re: Changing a button's style in runtime ?

09-08-2008 11:03 AM |

 that's correct.. it's a big deal to follow the best way and use the right controls from the begining of a project...

Re: Changing a button's style in runtime ?

09-08-2008 11:27 AM |

I just want to throw an idea here: if a control's style cannot be assigned twice, there may be a work around: just take the old control out and create a new control and add it to the parent control. Putting the new control in the old control's place may be a little tricky but should be doable.

Re: Changing a button's style in runtime ?

09-09-2008 12:11 AM |

Use the following:  

bt.Style = (Style)this.Resources["activated"];

 

Re: Changing a button's style in runtime ?

07-04-2009 1:43 AM |

Hi I know this is quite a while later but...

 I have tried the code sample above and it does not set my style at runtime. Here is my code

Button newButton = new Button()

{

Content = itemDescription,

HorizontalAlignment = HorizontalAlignment.Left,Style = (Style)Resources["redButton"]

};

One difference is that my style is in the app.xaml not local resource. Any ideas?

Re: Changing a button's style in runtime ?

07-04-2009 11:42 AM |

 If the style is defined in App.xmal, use 

Style = Application.Current.Resources["redButton"] as Style;

 

Re: Changing a button's style in runtime ?

07-05-2009 1:30 AM |

Please view this post to find out how to dymatic set up style for button

 http://www.slblogger.cn/p60.htm

Re: Changing a button's style in runtime ?

07-06-2009 2:44 AM |

Thanks sladapter

Worked like a charm.

Re: Changing a button's style in runtime ?

08-17-2009 3:45 AM |

Hi Sladapter,

 I tried as u said that picking up style from external xml file. i created a file consisting of style that I assign to a button at runtime which is already having a style defined in xaml.  my styl file is as follows   . I am getting error when I use gradient color or storyboard Present in Mouse over, pressed etc,i am also unable to chnge the content If the content is already assigned in the xaml file. i am using web service to read my style file.

<!--<?xml version="1.0" encoding="utf-8" ?>-->.

<Style xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

 

x:Key="stylebtnallclick" TargetType="Button">

<Setter Property="FontSize" Value="10"/>

<!--<Setter Property="Background" Value="#FF1F3B53"/>-->

<Setter Property="Foreground" Value="Red"/>

<Setter Property="Padding" Value="3"/>

<Setter Property="Content" Value="Hello"/>

<Setter Property="ContentTemplate" Value="Hello"/><Setter Property="BorderThickness" Value="1"/>

 

<Setter Property="BorderBrush">

<Setter.Value>

<LinearGradientBrush EndPoint="0.5,1" StartPoint="0.5,0">

<GradientStop Color="#FFA3AEB9" Offset="0"/>

<GradientStop Color="#FF8399A9" Offset="0.375"/>

<GradientStop Color="#FF718597" Offset="0.375"/>

<GradientStop Color="#FF617584" Offset="1"/>

</LinearGradientBrush>

</Setter.Value>

</Setter>

<Setter Property="Template">

<Setter.Value>

<ControlTemplate TargetType="Button">

<Grid>

<VisualStateManager.VisualStateGroups>

<VisualStateGroup x:Name="CommonStates">

<VisualState x:Name="Normal"/>

<VisualState x:Name="MouseOver"><!--<Storyboard>

<DoubleAnimationUsingKeyFrames Storyboard.TargetName="BackgroundAnimation" Storyboard.TargetProperty="Opacity">

<SplineDoubleKeyFrame KeyTime="0" Value="1"/>

</DoubleAnimationUsingKeyFrames>

<ColorAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)">

<SplineColorKeyFrame KeyTime="0" Value="#7FFFFFFF"/>

</ColorAnimationUsingKeyFrames>

</Storyboard>-->

</VisualState>

<VisualState x:Name="Pressed"><!--<Storyboard>

<DoubleAnimationUsingKeyFrames Storyboard.TargetName="BackgroundAnimation" Storyboard.TargetProperty="Opacity">

<SplineDoubleKeyFrame KeyTime="0" Value="1"/>

</DoubleAnimationUsingKeyFrames>

<ColorAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Rectangle.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)">

<SplineColorKeyFrame KeyTime="0" Value="#D8FFFFFF"/>

</ColorAnimationUsingKeyFrames>

<ColorAnimationUsingKeyFrames Storyboard.TargetName="BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)">

<SplineColorKeyFrame KeyTime="0" Value="#3FFFFFFF"/>

</ColorAnimationUsingKeyFrames>

</Storyboard>-->

</VisualState>

<VisualState x:Name="Disabled"><!--<Storyboard>

<DoubleAnimationUsingKeyFrames Storyboard.TargetName="DisabledVisualElement" Storyboard.TargetProperty="Opacity">

<SplineDoubleKeyFrame KeyTime="0" Value=".55"/>

</DoubleAnimationUsingKeyFrames>

</Storyboard>-->

</VisualState>

</VisualStateGroup>

<VisualStateGroup x:Name="FocusStates">

<VisualState x:Name="Focused"><!--<Storyboard>

<DoubleAnimationUsingKeyFrames Storyboard.TargetName="FocusVisualElement" Storyboard.TargetProperty="Opacity">

<SplineDoubleKeyFrame KeyTime="0" Value="1"/>

</DoubleAnimationUsingKeyFrames>

</Storyboard>-->

</VisualState>

<VisualState x:Name="Unfocused"/>

</VisualStateGroup>

</VisualStateManager.VisualStateGroups>

<Border x:Name="Background" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}">

<Grid Margin="1" Background="{TemplateBinding Background}" Opacity="0.25">

<Border x:Name="BackgroundAnimation" Background="#FF62E4FF"/>

<Rectangle x:Name="BackgroundGradient" Fill="#FF62E4FF">

 

</Rectangle>

</Grid>

</Border>

<ContentPresenter x:Name="contentPresenter" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" Content="{TemplateBinding Content}" ContentTemplate="{TemplateBinding ContentTemplate}" Margin="0,0,0,1"/>

<Rectangle x:Name="DisabledVisualElement" Fill="#FFFFFFFF" RadiusX="0" RadiusY="0" IsHitTestVisible="false" Opacity="0"/>

<Rectangle x:Name="FocusVisualElement" Stroke="#FF6DBDD1" StrokeThickness="0" RadiusX="0" RadiusY="0" Margin="1" IsHitTestVisible="false" Opacity="0"/>

</Grid>

</ControlTemplate>

</Setter.Value></Setter>

 

 

</Style>

My Web service code is as follows.....

public XmlDocument GetStyle(String Filename)
        {
            String st = Server.MapPath("Styles/" + Filename + ".xml");
             if (File.Exists(Server.MapPath("Styles/" + Filename + ".xml")))

                       {
                            XmlDocument xmlDoc = new XmlDocument();

                            xmlDoc.Load(Server.MapPath("Styles/" + Filename + ".xml"));

    

                            return xmlDoc;
 
                       }

                           else

                          return null;
        }

and I called this method in my silverlight application as......

 void btnShowAllConvos_Click(object sender, RoutedEventArgs e)
        {
            Button btnRef = null;
            try
            {
                btnRef = e.OriginalSource as Button;
                if (btnRef != null)
                {
                    // btnRef.Background = new SolidColorBrush(Colors.Blue);
                  //  objJakayaServices.GetStyleDocumentAsync("MyStyles.xml");
                    objstyle.GetStyleAsync("MyStyles");
                    objstyle.GetStyleCompleted += new EventHandler(objstyle_GetStyleCompleted);


                }
                CurrentConvoType = ConvoType.All;
                objJakayaServices.GetLoggedUsersConvoListAsync(this.UserName, CurrentConvoStatus, CurrentConvoType, this.CurrentTimeSpan);
            }
            catch (Exception ex) { }
            finally
            {
                btnRef = null;
            }
        }


        void objstyle_GetStyleCompleted(object sender, JakayaConvo.MyTestStyleService.GetStyleCompletedEventArgs e)
        {
            try
            {
                if (e.Error == null && e.Result != null)
                {
                    Style dynamicstyle = System.Windows.Markup.XamlReader.Load((e.Result as System.Xml.Linq.XElement).ToString()) as Style;

                    if (dynamicstyle != null)
                    {
                         foreach (UIElement objUielement in this.maingrid.Children.Where(u => u.GetType().ToString() == "JakayaConvo.barcontrol"))
                        {
                            barcontrol objBarControl = null;
                            try
                            {
                                objBarControl = objUielement as barcontrol;
                               objBarControl.btnall.Style = dynamicstyle;
                            }
                            catch (Exception)
                            { }
                            finally
                            {
                                objBarControl = null;
                            }
                        }
                        

                    }
                }
            }
            catch (Exception ex) { }

            finally
            {
                
            }
        }

 
So tell me where I am wrong And how to do this. Plzzzzzzzzz Its really urgent
"1.0" encoding="utf-8" ?>-->
"http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" x:Key="stylebtnallclick" TargetType="Button"> "FontSize" Value="10"/> "Background" Value="#FF1F3B53"/>--> "Foreground" Value="Red"/> "Padding" Value="3"/> "Content" Value="Hello"/> "ContentTemplate" Value="Hello"/> "BorderThickness" Value="1"/> "BorderBrush"> "0.5,1" StartPoint="0.5,0"> "#FFA3AEB9" Offset="0"/> "#FF8399A9" Offset="0.375"/> "#FF718597" Offset="0.375"/> "#FF617584" Offset="1"/> "Template"> "Button"> "CommonStates"> "Normal"/> "MouseOver"> "BackgroundAnimation" Storyboard.TargetProperty="Opacity"> "0" Value="1"/> "BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)"> "0" Value="#7FFFFFFF"/> --> "Pressed"> "BackgroundAnimation" Storyboard.TargetProperty="Opacity"> "0" Value="1"/> "BackgroundGradient" Storyboard.TargetProperty="(Rectangle.Fill).(GradientBrush.GradientStops)[0].(GradientStop.Color)"> "0" Value="#D8FFFFFF"/> "BackgroundGradient" Storyboard.TargetProperty="(Shape.Fill).(GradientBrush.GradientStops)[1].(GradientStop.Color)"> "0" Value="#3FFFFFFF"/> "Disabled"> "DisabledVisualElement" Storyboard.TargetProperty="Opacity"> "0" Value=".55"/> --> "FocusStates"> "Focused"> "FocusVisualElement" Storyboard.TargetProperty="Opacity"> "0" Value="1"/> --> "Unfocused"/> "Background" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}"> "1" Background="{TemplateBinding Background}" Opacity="0.25"> "BackgroundAnimation" Background="#FF62E4FF"/> "BackgroundGradient" Fill="#FF62E4FF"> "contentPresenter" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" Content="{TemplateBinding Content}" ContentTemplate="{TemplateBinding ContentTemplate}" Margin="0,0,0,1"/> "DisabledVisualElement" Fill="#FFFFFFFF" RadiusX="0" RadiusY="0" IsHitTestVisible="false" Opacity="0"/> "FocusVisualElement" Stroke="#FF6DBDD1" StrokeThickness="0" RadiusX="0" RadiusY="0" Margin="1" IsHitTestVisible="false" Opacity="0"/>

Re: Changing a button's style in runtime ?

09-14-2009 2:35 AM |

Don't make things too complicated.

Do one thing, when u apply first time write this:

 bt.Style = (Style)this.Resources["activated"];

And when u want to reapply the style, u can search for the key in Resources and if exists then remove the key and readd the new style. Like following :

if (this.Resources.Contains("activated")) this.Resources.Remove("activated");

this.Resources.Add("activated", (XamlReader.Load("ActivatedStyleString")));

where "ActivatedStyleString" is the new style tag string.

This is Silverlight's feature, that u can't apply style twice to a control, u need to remove the style key and reapply the style.