Ribbon button icon

Nov 16, 2010 at 7:14 AM
Edited Nov 16, 2010 at 8:12 AM

We were using Fluent 1.3 control and have now upgraded to Fluent Ribbon control 2.0. We observed that in V2.0 the Ribbon button icons are getting resized and icons are getting distorted. We tried applying icons with icon size 48 x 48, 32 x 32 and also 16 X 16, but still the images are getting distorted. We tried applying the icon in the sample application also,but still are getting the same results. Following is the code we are using.

               <Fluent:RibbonGroupBox Header="Tasks" Name="rbgrpTask">
                     <Fluent:Button Name="btnPrint" SizeDefinition="Large, Large, Large" Header="Print" LargeIcon="/SODS;component/Icons/Print3.png" Click="btnPrint_Click"  />

Please let us know is there any property we need to set.


Nov 16, 2010 at 3:55 PM

There isn't a property you can set. WPF is natively DPI agnostic, but defaults to 96DPI. I found this one out the hard way myself, see my post below this one. Basically wait until they get it fixed and it'll correct itself, or set ALL your icons to 96DPI (Modify->Image Size->Resolution in Adobe Fireworks).

Nov 17, 2010 at 10:00 AM

Thanks a lot, converting the icons to 96 dpi did the magic ,it worked thank you once again.

Nov 17, 2010 at 7:27 PM

No problem, I found this out the hard way myself. :-)

Nov 20, 2010 at 9:41 AM
Edited Nov 20, 2010 at 9:43 AM

Please note if you use Fireworks to change the DPI of your image Fireworks could blow up the file size from 1.5kb to 50.0kb. I find out that Fireworks puts in many unnessesary chunks in the outputfile.

Nov 21, 2010 at 11:24 PM

To fix that you can use the File->Image Preview->Export command, or alternatively you can setup a batch script and have it do all those steps at once. Will post detailed instructions if requested.

Jan 19, 2011 at 8:27 AM
Edited Jan 19, 2011 at 8:34 AM

sorry, checked it again - user-iq too small ... ;-)