align icon to the right of button text

[Dean]

What is the best way to align an icon to the right of a button? Is there a built in way or do I need to add my own span for the icon and align it with CSS?

Regards
Dean

[Iliana Dyankova]

Hi Dean,

In order to achieve this you should override the default styling using custom CSS rules. As an example: 

.k-button .k-icon {
   float: right;
   margin: 2px;
}

Regards,
Iliana Nikolova
Telerik

 

 

[Igor]

It is does not work, could you please provide an example of it. 

 

Thank you!

[Ivan Danchev]

Igor,

Iliana's post is from 2014 when the themes didn't use flex. Now they do, so instead of using float to position the icon to the right you can use the following CSS rule:

.k-button .k-icon {
  margin-left: 5px;
  order: 2;
}

The dojo example: https://dojo.telerik.com/arahIQOf

Regards,
Ivan Danchev
Progress Telerik

[Igor]

Thank you for the update! It worked perfectly.