This is a migrated thread and some comments may be shown as answers.

Where is icon list for IconClass

1 Answer 1995 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Dario
Top achievements
Rank 1
Veteran
Dario asked on 17 Apr 2020, 03:39 PM

I found several icons list, but I would like to know which list works with commands.

 

columns.Command(command => command.Custom("DetailsCommand").IconClass("filter").Click("showDetails"));
Faiz
Top achievements
Rank 1
commented on 28 Nov 2023, 06:56 AM

Anyone knows how to do this using TagHelpers?
Ivan Danchev
Telerik team
commented on 30 Nov 2023, 04:07 PM

With tag helpers, it would look like this:

<kendo-grid name="Grid">
    <datasource type="DataSourceTagHelperType.Ajax">
        <transport>
            <read url="@Url.Action("CustomCommand_Read", "Grid")"/>
        </transport>
    </datasource>
    <columns>
        <column field="FirstName"/>
        <column field="LastName"/>
        <column field="Title"/>
        <column>
            <commands>
                <column-command text="ViewDetails" click="showDetails" icon-class="k-icon k-i-filter"/>
            </commands>
        </column>
    </columns>
</kendo-grid>

1 Answer, 1 is accepted

Sort by
1
Accepted
Ivan Danchev
Telerik team
answered on 22 Apr 2020, 02:11 PM

Hello Dario,

The list of icons you can find here: https://docs.telerik.com/kendo-ui/styles-and-layout/icons-web#list-of-font-icons

To use an icon in the custom command button, an additional class ("k-icon") is needed. For example, to display the filter icon IconClass should be set like this:

columns.Command(command => command.Custom("DetailsCommand").IconClass("k-icon k-i-filter").Click("showDetails"));

Regards,
Ivan Danchev
Progress Telerik

Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
Our thoughts here at Progress are with those affected by the outbreak.
Tags
Grid
Asked by
Dario
Top achievements
Rank 1
Veteran
Answers by
Ivan Danchev
Telerik team
Share this question
or