Thank you for writing.
Our controls are build on top of Telerik Presentation Framework
and each control consist of one or more elements. In the button, the element responsible for the image is called ImagePrimitive
. To customize the image layout, you should work with its properties. Attached you can find a video demonstrating how to do that.
First, I am setting the StretchHorizontally and StretchVertically properties to true, so the ImagePrimitive takes the control size, and the with the ImageLayout property I am controlling the image.
In regards to the BackgroundImage property, by default the button has a background color, which is imposed by its FillPrimitive
. When you set the BackgroundImage it remains behind the fill, so it is not visible. Opening the Edit UI Elements, selecting the FillPrimitive element and setting its Visiblity to Collapsed, will hide it and you will be able to see the BackgroundImage, and control its image layout with the BackgroundImageLayout property.
I hope that you find this information useful. Should you have any other questions, do not hesitate to contact us.
Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.