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

4 posts, 0 answers
  1. Karol
    Karol avatar
    3 posts
    Member since:
    Jun 2017

    Posted 27 Jun Link to this post

    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
  2. Dimitar
    Admin
    Dimitar avatar
    1871 posts

    Posted 28 Jun Link to this post

    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.
  3. Karol
    Karol avatar
    3 posts
    Member since:
    Jun 2017

    Posted 28 Jun in reply to Dimitar Link to this post

    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
  4. Dimitar
    Admin
    Dimitar avatar
    1871 posts

    Posted 29 Jun Link to this post

    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.
Back to Top