How to set button background image?

4 posts, 1 answers
  1. Paul
    Paul avatar
    34 posts
    Member since:
    Apr 2017

    Posted 25 Apr Link to this post

    Hello,

    I tried to create a calculate control as in my attachment

    Each buttons not only have text (1, 2, 3, Enter...etc) but also have background color is kind of gradient so my ideal is use the background image.

    But when I tried to set background image for RadButton then I couldn't.

    Please help to to solve this, or should someone give me any ideals.

    Regard,

    Paul

  2. Paul
    Paul avatar
    34 posts
    Member since:
    Apr 2017

    Posted 26 Apr in reply to Paul Link to this post

    Hello,

    I just solved this problem so please help me to close this thread

    Thanks you

    Paul

  3. Answer
    Dess
    Admin
    Dess avatar
    2110 posts

    Posted 26 Apr Link to this post

    Hello Paul, 

    Thank you for writing.  

    I am glad that you have resolved the problem you were facing. However, I am posting the reply in the forum in order the community to benefit from it. 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. You can set the ButtonElement.ButtonFillElement.Visibility property to Collapsed. Then, you will be able to see the BackgroundImage and control its image layout with the BackgroundImageLayout property.

    Should you have further questions I would be glad to help.

    Regards,
    Dess
    Telerik by Progress
    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.
  4. Paul
    Paul avatar
    34 posts
    Member since:
    Apr 2017

    Posted 26 Apr in reply to Dess Link to this post

    Hello Dess,

    Thanks you for your additional information

    Regard,

    Paul

Back to Top