Как стилизовать Ajax.ActionLink с классами CSS, чтобы текст и значок были выстроены правильно?
У меня есть кнопка, основанная на логике Ajax.ActionLink:
@Ajax.ActionLink("View Details", "Method", "Controller",
new AjaxOptions { OnBegin = "showProgress", OnComplete = "showImage", OnFailure = "ReportError" },
new { @class = "modal-link k-button btn-icon-sm btn-view-detail k-icon k-i-file-txt", style = "width: 150px; height:70px;" })
Это создает следующее изображение с описанием действия и изображением действия под ним:
Это html это представляет кнопку:
<a title="View Details" class="modal-link k-button btn-icon-sm btn-view-detail k-icon k-i-file-txt" style="width: 150px; height: 100px;" href="/Controller/GetData?Length=9" data-toggle="modal" data-target="#modal-container" data-ajax-failure="CheckError" data-ajax-complete="showLoaderPopup" data-ajax-begin="showLoader" data-ajax="true">View Details</a>
Как я могу стилизовать его, чтобы кнопка содержала изображение, за которым следовал текст описания с правой стороны изображения. Это должна быть одна кнопка
Есть ли какой-нибудь шаблон для Ajax.ActionLink, который я могу использовать для отображения того, что мне нужно?