Asp.Net jQuery UI Button icons not displaying

The Problem

The jQuery framework, applies the icons only to controls of type <button>, and not for types <input type=”submit”>. The Asp.Net button gets rendered to the page as type <input type=”submit”>, and not as <button> elements, hence icons are not applied to <asp:Button>.

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