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

Visual Style Builder - How to add visible backgorund images on each state of RadButton

3 Answers 142 Views
Themes and Visual Style Builder
This is a migrated thread and some comments may be shown as answers.
Karol
Top achievements
Rank 1
Karol asked on 27 Jun 2017, 01:38 PM
Visual Style Builder - How to add visible backgorund images on each state of RadButton

Hello.

Could you provide me with steps required to add background image and display it on a button for each Element State of RadButtonElement. I know I need to make FillPrimitive Visibility Collapsed but no Image I add displays. 

I would kindly request a list of step by step things I need to perform to archive a button that uses image and not FillPrimitive for graphics.  Please answer with as many details as possible.

I am using Telerik versions: WinForms v2010.1 504 and WinForms v2010.1 914

3 Answers, 1 is accepted

Sort by
0
Dimitar
Telerik team
answered on 28 Jun 2017, 08:19 AM
Hi Karol,

You only need to set the image of the RadButtonElement for all states - see attached video and image. 

In addition, it is always easier to edit the predefined themes than creating a theme from scratch: Loading Predefined Themes.

I hope this will be useful. 

Regards,
Dimitar
Progress Telerik
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Karol
Top achievements
Rank 1
answered on 28 Jun 2017, 01:21 PM
Hello again.

The behaviour you presented is not exacly what I want to archieve. I want to FILL THE BACKGROUND of the button with image so that it never uses Filling to show a Gradient or solid color but instead displays image under text that's stretched inside the borders of the image. 

For example to use a set of images like this :https://groups.drupal.org/files/6.buttons.png
0
Dimitar
Telerik team
answered on 29 Jun 2017, 09:55 AM
Hello Karol,

First, you need to set the shape of the button (see first attached image). Then you need to stretch the image (see the second image). Your image must have a similar shape (should be transparent in the corners).

I hope this will be useful.  

Regards,
Dimitar
Progress Telerik
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
Themes and Visual Style Builder
Asked by
Karol
Top achievements
Rank 1
Answers by
Dimitar
Telerik team
Karol
Top achievements
Rank 1
Share this question
or