In my xaml code, I'm using the Office2010RibbonTemplate for the XamRibbonWindow to try and change the size of the Window Icon. My ribbon is also using the Office2013 theme for your information. Also the icon I'm using is a png file that is 24x24 pixels
In the ControlTemplate named Office2010RibbonTemplate, I'm trying to change the size of the WindowIconImage.Whenever I do the icon becomes blurred for any size of a height and width above 16x16. I've used Snoop to look into the size of the icon and no matter what size I set the height and width to the ActualHeight and ActualWidth size is always 16x16.
First is there a better way to change the size of the window icon in the XamRibbonWindow than customizing the Office2010RibbonTemplate?
Second is there anyway of resizing the Icon so the ActualHeight and ActualWidth will actually change sizes and I don't get a blurry icon?
Thank you for any help.
Hello Michael,
Thank you for the post. I am trying to understand which image you are talking about ,is it winfowIconImage? I snoop the image and I don’t see any property to set the image size .Attached screenshort for the reference.
So I would like to know if you re-template it? Can you share your sample to investigate the issue.
Regards,
Hello,
I see both Height and Width for WindowIconImage. I was assuming I could use those properties to change the size of the icon but it doesn't work. Or at least I can't make it work. :-)
The template I'm using is the Office2010RibbonTemplate shown below. I've copied that template and added it to my solution. Then I was trying to resize the Image named WindowIconImage.
First of all, am I using the correct template to resize the window icon. If not please tell me which one I should be using.
If I am using the correct template, then am I using the correct Image control (WindowIconImage).
I don't really have a sample to send you right now, sorry about that.
I would ask this last question. If you were to create a new solution and use the XamRibbonWindow how would you go about resizing the Window icon that is on the far left side of the titlebar and also ensure that the icon doesn't look blurry?
Thanks for any help
Mike
I think I found the solution to my problem.
In that same control template in my previous post I found this data trigger.
<DataTrigger Binding="{Binding Path=IsWithinRibbonWindow, RelativeSource={x:Static RelativeSource.Self}}" Value="True"> <Setter TargetName="WindowIconIamge" Property="Source" Value="{Binding Path=IconResolved, RelativeSource={RelativeSource AncestorType={x:Type igRibbon:RibbonWindowContentHost}}}" /> </DataTrigger>
I change the setter here to use a static resource instead of binding to the IconResolved property.
<DataTrigger Binding="{Binding Path=IsWithinRibbonWindow, RelativeSource={x:Static RelativeSource.Self}}" Value="True"> <Setter TargetName="WindowIconImage" Property="Source" Value="{StaticResource MyIcon}" /> </DataTrigger>
This fixed my issue. Thanks and sorry or bothering you about this.
Thank you for the update, i am glad that you were able to solved the issue.