martes, 3 de noviembre de 2015

Ladda UI en ASP.NET con Bootstrap 3.0

Hace un tiempo atrás me vi en la necesidad de agregar un indicador en los botones que realizaban una acción la cuál podía demorar para así mejorar la usabilidad del usuario.

En mi caso estaba trabajando con ASP.NET compatibilidad HTML5 y googleando encontré el siguiente Ladda UI for Bootstrap 3 que me resulto muy práctico y simple de utilizar.

Si bien Ladda UI se puede utilizar con Bootstrap 3 (independientemente del IDE con el que se desarrolle) a continuación dejo un ejemplo de como hacerlo en ASP.NET:


1:  <asp:LinkButton runat="server" OnClick="[Evento]" CssClass="btn btn-primary ladda-button" data-style="expand-right">   
2:       <span class="ladda-label"> [Etiqueta]</span>   
3:  </asp:LinkButton>   

Como podrán apreciar no utilizó un asp:Button sino que utilizó un asp:LinkButton esto se debe que el Button no permite agregar el <span> que básicamente es el "spin" del loading.

No hay comentarios.:

Publicar un comentario