RadButton image size

[Bob]

I have one image that I use in several places...so in the resources for my project it's sized to 128x128.  In a RadButton that I use, I need the image to be 24x24.  How can I accomplish this without having numerous copies of my image at different sizes?

[Martin Vasilev]

Hello Bob,

Thank you for the question.

You could set the Image size in RadButton by using the ImagePrimitive properties:

1. Click on the smart tag of your RadButton and choose "Edit UI elements"
2. In the Control element structure navigate to ImagePrimitive.
3. Change MinSize and MaxSize's Height and Width properties to 24
4. Change ImageLayout to Strech

Now you should have an image resized to the desired size in your RadButton.

I hope this helps. If you need additional assistance, do not hesitate to contact me again.

 
Kind regards,
Martin Vasilev
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Bob]

Perfect - thank you!

[Shirya]

Hello,
I try to do the same with a radDropDownButton, but it does not work.
How can i make it work?
Thank you

--Nevermind, i was changing the radArrowButtonElement Properties

[Martin Vasilev]

Hi Shirya,

Thank you for writing.

The principle is the same for every RadControl, just navigate to the ImagePrimitive for the desired element and make the same settings as described in my previous message.

Write me back if you have other questions.

Greetings,
Martin Vasilev
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[lena]

Hi
I cannot find "Edit UI elements" anywhere on my RadButton. Can you help please?
Thanks
Lena

[Martin Vasilev]

Hello Lena,

You can find the "Edit UI elements" item in the context menu, which opens at design time through the RadButton's smart tag. Please take a look at the attached image to this message.

Hope this helps. Let me know if you have any other questions.

Kind regards,
Martin Vasilev
the Telerik team

[Rob]

Hi Martin,
This used to work perfectly up until Q3 2011, when the photo was back to large size. I discovered that if, under Image Primitive, you change Layout Autosize to False, it would go back to the right size but... the image is now aligned left and no longer centered.
I have attached a screen shot from Q2 2011, then Q3 2011.
What I want is to have it back centered at per Q2 2011.
Any idea? the original image size is 128 x 128
Update: (Please ignore the 1st screenshot as it had the wrong section taken for Q2 2011)
So really from the screenshot, I want to use Q3 2011 to have the same result as Q2 2011.

[Martin Vasilev]

Hello Peter Woodward,

Thank you for writing.

I would suggest using ImageScalling property and set it to SizeToFit value. This should work for the latest version of RadControls for Winforms. You can find this property in Element Hierarchy Editor, under ImagePrimitive element.

Hope this helps. Let me know  if you have any additional questions.

Greetings,
Martin Vasilev
the Telerik team

[Jo A. Kim]

Hi Martin
I also can not find the "Edit UI elements" contextmenu anywhere on the Radbutton.
Can You please help.
Best regards
Jo A. Kim

[Anton]

Hi Jo A. Kim,

Thank you for writing.

Please read Martin's post from Aug 29, 2011 where he explains how to access the desired elements collection. There is also a screen shot provided.

Here I would like to summarize how to resize the Image in RadButton by using the ImagePrimitive properties with our latest version:

1. Click on the smart tag of your RadButton and choose "Edit UI elements"
2. In the Control element structure navigate to ImagePrimitive.
3. Change MinSize and MaxSize's Height and Width properties to 24
4. Change ImageLayout to Strech
5. Change ImageScalling property  to SizeToFit value

I hope this information helps. If you have further questions, feel free to write back.

Greetings,
Anton
the Telerik team

[Jo A. Kim]

Hi Anton,
I wrote "I also can not find the "Edit UI elements" contextmenu anywhere on the Radbutton."
It means: There is no "Edit UI Elements" on the smart tag!!!!

Best Regards
Jo A. Kim

[Anton]

Hi Jo A. Kim,

Thank you for writing.

This forum concerns Telerik WinForms controls, while it seems that you are using the Telerik ASP.NET AJAX controls. Please post your questons in the appropriate forums to get appropriate answer to your questions: http://www.telerik.com/community/forums/aspnet-ajax.aspx.

I hope this information helps.

Kind regards,
Anton
the Telerik team