This is a migrated thread and some comments may be shown as answers.

How to add image to Ribbon?

12 Answers 184 Views
RibbonBar
This is a migrated thread and some comments may be shown as answers.
Ian
Top achievements
Rank 1
Ian asked on 24 Nov 2010, 12:30 PM
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

12 Answers, 1 is accepted

Sort by
0
Accepted
Richard Slade
Top achievements
Rank 2
answered on 24 Nov 2010, 01:21 PM
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
0
Richard Slade
Top achievements
Rank 2
answered on 26 Nov 2010, 01:15 PM
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
0
Ian
Top achievements
Rank 1
answered on 26 Nov 2010, 01:37 PM
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
0
Richard Slade
Top achievements
Rank 2
answered on 26 Nov 2010, 01:43 PM
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

0
Ian
Top achievements
Rank 1
answered on 26 Nov 2010, 02:16 PM
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
0
Richard Slade
Top achievements
Rank 2
answered on 26 Nov 2010, 02:35 PM
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
0
Ian
Top achievements
Rank 1
answered on 26 Nov 2010, 03:03 PM
Hello Richard,

Thank you very much.

Ian.
0
Ian
Top achievements
Rank 1
answered on 09 Dec 2010, 05:02 PM
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
0
Gaurav
Top achievements
Rank 1
answered on 13 May 2013, 12:32 PM
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
0
Stefan
Telerik team
answered on 16 May 2013, 06:29 AM
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
Get started with RadControls for WinForms with numerous videos and detailed documentation.
0
Markus
Top achievements
Rank 1
answered on 17 Nov 2013, 01:41 PM
Hi, could anyone please give some example code for Ian's solution?
0
Stefan
Telerik team
answered on 21 Nov 2013, 09:15 AM
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
TRY TELERIK'S NEWEST PRODUCT - EQATEC APPLICATION ANALYTICS for WINFORMS.
Learn what features your users use (or don't use) in your application. Know your audience. Target it better. Develop wisely.
Sign up for Free application insights >>
Tags
RibbonBar
Asked by
Ian
Top achievements
Rank 1
Answers by
Richard Slade
Top achievements
Rank 2
Ian
Top achievements
Rank 1
Gaurav
Top achievements
Rank 1
Stefan
Telerik team
Markus
Top achievements
Rank 1
Share this question
or