How to add image to Ribbon?

[Ian]

Hi,

How can I add image on the right blank side of the ribbon. I Attached a screen shot for clarity. Thank you.

Best regards,

Ian

[Richard Slade]

Hello,

Well, I'm sure one can get to the Fill Element, add a hosted item and change the picture position, but I think it would be much simpler just to add a picture box on top of the RadRibbonBar and anchor it to the Top, Right. Would that work for you?

Let me know if you need more information.
Richard

[Richard Slade]

Hello,

Did this help? If so, may I ask that you mark as answer so others can find the solution too. If you need more help, just let me know.
Regards,
Richard

[Ian]

Hi Richard,

I'm sorry for my late reply. Regarding your answer...
"Well, I'm sure one can get to the Fill Element, add a hosted item and change the picture position"
--Can you please explain this further. I'm new to Telerik controls.
" but I think it would be much simpler just to add a picture box on top of the RadRibbonBar and anchor it to the Top, Right"
--I think this is easy but appropriate for prototype projects. And also, I'm looking for a better way to do this (Like how we add image to buttons, or other work around other than the above solution)

Thank you very much for your answers. 

Best regards,

Ian

[Richard Slade]

Hi Ian,

No problem. The Telerik controls are made up of elments. So for example, a control may have a border element, a textbox element, a fill primitive element and so on. And these elements may be nested deep inside each other. It's this array of various elements that you may need to find the right one to add the image to. I will have a look at adding the image to the correct element, though addig a picture box and anchoring it seems to be a very quick solution.

I'll get back to you when I know where to add the image.
Best regards,
Richard

[Ian]

Hi Richard,

Thanks for your answer. Regarding adding picture box and anchoring them... there are ribbon tabs that can be filled by Groups leaving no unused space. With this, the image should resize/hide appropriately. I think this will still need some coding. I hope there are neater solutions. Thank you.

Best regards,

Ian

[Richard Slade]

Hello Ian,

I'm afraid I don't know of a solution that will cover that for you at the moment. I will do my best to find one for you as soon as possible.
Richard

[Ian]

Hello Richard,

Thank you very much.

Ian.

[Ian]

Hi Richard,

I tried your 1st suggestion. I created a class and inherited FillPrimitive. Overriden the PaintElement to draw the image. Then I add this class to RibbonTab's children. I don't know if there are still better ways to do it but this works for me. Thanks again.

Kind regards,

Ian

[Gaurav]

Hi,

 I have a RadRibbonTab in which i want to show 3 RadButtons in Group1 and 1 image which i want to show of right side in each tab without any radribbongroup (in worst case i can show it in a group but on right side.).While specifing new Image group i dont want to specify margin between two radribbongroups.Using Grid in Tab not working.Please tell me the whole solution with xaml code  as soon as possible



Regards,
Gaurav Sharma
Winshuttle
Software Developer

[Stefan]

Hi Gaurav,

This forum concerns RadControls for WinForms, while your question seems to be related to RadControls for Silverlight/WPF. Please address your question in the appropriate forums: http://www.telerik.com/community/forums/wpf/ribbon-bar.aspx.

Kind regards,
Stefan
the Telerik team

[Markus]

Hi, could anyone please give some example code for Ian's solution?

[Stefan]

Hello Markus,

I am not sure how Lan's implementation is performed, however, the only solution I can offeris to set an image to the content panel, and right align this image. In this case it will always be positioned on the right side, but the ribbon groups will overlap it if they reach to it:

radRibbonBar1.RibbonBarElement.TabStripElement.ContentArea.Image = Resources.folder_open;
radRibbonBar1.RibbonBarElement.TabStripElement.ContentArea.ImageAlignment = ContentAlignment.MiddleRight;

I hope that this will work for you.

Regards,
Stefan
Telerik