We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.

custom image for button

Thread ID:

Created:

Updated:

Platform:

Replies:

130375 May 9,2017 07:08 PM May 11,2017 12:07 AM ASP.NET MVC 2
loading
Tags: Button
lawrence greenberg
Asked On May 9, 2017 07:08 PM

I would like to use my own images for the ej button control.  How can I do this?  thank you

Sasikala Nagarajan [Syncfusion]
Replied On May 10, 2017 05:59 AM

Hi Lawrence,   
  
Thanks for contacting Syncfusion support.  
  
We can achieve your requirement with help of existing property of button PrefixIconSuffixIcon. By setting e-icon class following with your image class name to this API, can get the required images with button control. Please refer the below code example   
  
     @Html.EJ().Button("button").ContentType(ContentType.ImageOnly).PrefixIcon("e-icon preImage").SuffixIcon("suffixImage").Size(ButtonSize.Mini)   
.preImage {   
        background-imageurl('../../Content/Email.png');   
        background-size:24px;   
    }   

 
 
Also, this property supports the built icon library which is available in EJ themes. To know more about this please refer the below link   
  
  
Regards,   
Sasikala Nagarajan   


Preethi Nesakkan Gnanadurai [Syncfusion]
Replied On May 11, 2017 12:07 AM

From: lawrence.greenberg@judicialdialog.com [mailto:lawrence.greenberg@judicialdialog.com]
Sent: Wednesday, May 10, 2017 9:28 AM
To: Syncfusion Support <support@syncfusion.com>
Subject: RE: Syncfusion support community forum 130375, custom image for button, has been updated.
 

Sasikala, 
thank you for your valuable help. 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.

;