Using the example page you provided earlier I created a copy of the home button and used a class to have one of them with the icon on the right. This works.
Now when I try to apply that to my page the .km-button and .km-icon don't seem to do anything. The differences could be the versions I'm using. I'm doing a ASP.NET Core 2.1 MVC 6 application. My button is in the syntax of an html helper:
<div class="row" style="margin-top: 20px; margin-bottom: 10px;">
<div class="col-md-2" style="padding-top: 15px;">
@(Html.Kendo().Button()
.Name("previousDayButton")
.Content("Previous Day")
.Icon("arrow-chevron-left")
.HtmlAttributes(new { type = "button", title = "Previous Day" })
.Events(ev => ev.Click("previousDayButtonClick"))
)
</div>
<div class="col-md-8 center-block">
<h2>@Model.DateDisplay</h2>
<input asp-for="DateSelected" type="hidden" />
</div>
<div class="col-md-2" style="text-align: right; padding-top: 15px;">
@(Html.Kendo().Button()
.Name("nextDayButton")
.Content("Next Day")
.Icon("arrow-chevron-right")
.HtmlAttributes(new { type = "button", title = "Next Day", @class = "iconRight" })
.Events(ev => ev.Click("nextDayButtonClick"))
)
</div>
</div>
I tried removing the .iconRight class selector from my site.css hoping that all buttons would align the icon to the right but it seems to do nothing. Are there different classes using my method? When I inspect the button it has the classes k-button and k-button-icontext so I tried changing my css to those classes but still nothing.