Asp.Net jQuery UI Button with Icons

In the post jQuery UI Buttons with Icons, we have seen oh how to create a simple jQuery UI Button with Icons, here we shall see on how to create a jQuery UI Button with icons for an Asp.net button.

The Asp.Net button gets rendered to the page as type <input type=”submit”>, but with this type the jQuery button icons will not get displayed properly, the jQuery Button icon gets displayed for <button> tags, so what’s the solution.

There are 2 possible solutions to set icons to an Asp.Net button

1. Using a Proxy/Hidden Asp.net button to display jQuery button icons.

          Refer Post Asp.net jQuery button icons - Using a Proxy/Hidden Asp.net button

2. Converting Submit types to Button types to display jQuery button icons.

          Refer Post Asp.net jQuery button icons - Converting Submit types to Button types 

Related Post

Asp.net jQuery UI Simple Button Example

jQuery UI Buttons with Icons

Asp.Net jQuery UI Buttons with Icons

Asp.net jQuery button icons - Using a Proxy/Hidden Asp.net button

Asp.net jQuery button icons - Converting Submit types to Button types

Asp.Net jQuery UI Button icons not displaying

Asp.net jQuery Dialog buttons do Post back using UseSubmitBehavior

Asp.Net jQuery UI button change icons

ASP.NET jQueryUI Button: server side event not firing

Asp.net jQuery UI Style Radio Buttons

Asp.net jQuery UI Style Check Boxes

Asp.net jQuery UI Change Button Size / Button Text Font Size