File tree 23 files changed +43
-43
lines changed
chart/print-chart-only/print-chart/Components
pdf-jpg-export-js/PdfExportJS/Pages
two-drawers/TwoDrawers/Shared
editor/ImportExport/EditorImportExport/Pages
export-to-xlsx-hierarchy/Pages
remote-validation/Client/Pages
listview/ValidationExamples/ValidationExamples/Pages
sample-applications/blazor-stocks/Client/Components/StocksGrid
23 files changed +43
-43
lines changed Original file line number Diff line number Diff line change 1
1
@inject IJSRuntime JSRuntime
2
2
3
3
<div class =" chart-container @(isPrinting ? " " : " non-printable-chart " )" >
4
- <TelerikButton OnClick =" @Print" Icon =" @IconName.Print " Class =" print-button" >Print this chart</TelerikButton >
4
+ <TelerikButton OnClick =" @Print" Icon =" print " Class =" print-button" >Print this chart</TelerikButton >
5
5
6
6
<TelerikChart Width =" 700px" Height =" 400px" >
7
7
<ChartSeriesItems >
Original file line number Diff line number Diff line change 4
4
5
5
<p >Current count: @currentCount </p >
6
6
7
- <ConfirmButton OnClick =" @IncrementCount" ConfirmText =" Are you sure you want to add more?" ButtonText =" Counter" ConfirmTitle =" Please confirm!" Icon =" @IconName.Plus " />
7
+ <ConfirmButton OnClick =" @IncrementCount" ConfirmText =" Are you sure you want to add more?" ButtonText =" Counter" ConfirmTitle =" Please confirm!" Icon =" plus " />
8
8
9
9
@code {
10
10
int currentCount = 0 ;
Original file line number Diff line number Diff line change 19
19
ConfirmText =" @( $" Are you sure you want to delete forecast {currItem.Id}? " )"
20
20
ButtonText =" Delete"
21
21
ConfirmTitle =" Please confirm!"
22
- Icon =" @IconName.Delete " />
22
+ Icon =" delete " />
23
23
}
24
24
</Template >
25
25
</GridColumn >
Original file line number Diff line number Diff line change 13
13
<GridColumn Field =" TemperatureF" />
14
14
<GridColumn Field =" Summary" />
15
15
<GridCommandColumn Width =" 300px" >
16
- <GridCommandButton OnClick =" @((args)=> DeleteRecord(args.Item as WeatherForecast))" Icon =" @IconName.Delete " ></GridCommandButton >
16
+ <GridCommandButton OnClick =" @((args)=> DeleteRecord(args.Item as WeatherForecast))" Icon =" @delete " ></GridCommandButton >
17
17
</GridCommandColumn >
18
18
</GridColumns >
19
19
</TelerikGrid >
Original file line number Diff line number Diff line change 13
13
<GridColumn Field =" TemperatureF" />
14
14
<GridColumn Field =" Summary" />
15
15
<GridCommandColumn Width =" 150px" >
16
- <GridCommandButton OnClick =" @AddForecast" Icon =" @IconName.Plus " ></GridCommandButton >
16
+ <GridCommandButton OnClick =" @AddForecast" Icon =" @plus " ></GridCommandButton >
17
17
<GridCommandButton OnClick =" @((args)=> EditForecast(args.Item as WeatherForecast))" Icon =" @IconName.ArrowChevronRight" ></GridCommandButton >
18
18
</GridCommandColumn >
19
19
</GridColumns >
Original file line number Diff line number Diff line change 12
12
</WindowContent >
13
13
14
14
<WindowActions >
15
- <WindowAction Icon =" @IconName.Close " OnClick =" @Close" ></WindowAction >
15
+ <WindowAction Icon =" @close " OnClick =" @Close" ></WindowAction >
16
16
</WindowActions >
17
17
18
18
</TelerikWindow >
Original file line number Diff line number Diff line change 3
3
@using PdfExportJS .Services
4
4
@inject DrawingService DrawingService
5
5
6
- <TelerikButton Icon =" @IconName.Image " OnClick =" @ExportChartToJPG" >Export to .jpg</TelerikButton >
6
+ <TelerikButton Icon =" @image " OnClick =" @ExportChartToJPG" >Export to .jpg</TelerikButton >
7
7
8
8
<div @ref =" ExportChart" >
9
9
<TelerikChart Height =" 480px" Width =" 640px" >
Original file line number Diff line number Diff line change 9
9
FilterMode =" Telerik.Blazor.GridFilterMode.FilterRow"
10
10
Resizable =" true" Reorderable =" true" >
11
11
<GridToolBar >
12
- <TelerikButton Icon =" @IconName.FilePdf " OnClick =" @ExportPdf" >Export to PDF</TelerikButton >
13
- <TelerikButton Icon =" @IconName.Image " OnClick =" @ExportJpg" >Export to JPG</TelerikButton >
12
+ <TelerikButton Icon =" @file-pdf " OnClick =" @ExportPdf" >Export to PDF</TelerikButton >
13
+ <TelerikButton Icon =" @image " OnClick =" @ExportJpg" >Export to JPG</TelerikButton >
14
14
</GridToolBar >
15
15
<GridColumns >
16
16
<GridColumn Field =" @(nameof(SampleData.Id))" Width =" 120px" />
Original file line number Diff line number Diff line change 46
46
@* This layout is now in the drawer Content, and is very similar to the default template layout *@
47
47
<div class =" main" >
48
48
@* This is the button to collapse/expand the drawer, in this sample it is positioned absolutely so it moves with the drawer and stays above the rest of the content *@
49
- <TelerikButton OnClick =" @( () => DrawerRef.ToggleAsync() )" Icon =" @IconName.Menu " Class =" drawer-hamburger" ></TelerikButton >
49
+ <TelerikButton OnClick =" @( () => DrawerRef.ToggleAsync() )" Icon =" @menu " Class =" drawer-hamburger" ></TelerikButton >
50
50
51
51
<div class =" top-row px-4" >
52
52
<a href =" https://docs.microsoft.com/en-us/aspnet/" target =" _blank" >About</a >
Original file line number Diff line number Diff line change 50
50
<Template >
51
51
@* the header *@
52
52
<TelerikButton OnClick =" @( () => DrawerRef.ToggleAsync() )"
53
- Icon =" @IconName.Menu "
53
+ Icon =" @menu "
54
54
Class =" drawer-hamburger" />
55
55
<div class =" mt-5" >
56
56
@if (DrawerExpanded )
Original file line number Diff line number Diff line change 24
24
<Content >
25
25
26
26
@* Here begins the actual content - for example, we start with buttons to toggle the drawers and the @Body later *@
27
- <TelerikButton OnClick =" @(() => DrawerRef.ToggleAsync())" Icon =" @IconName.Menu " >Toggle LEFT drawer</TelerikButton >
28
- <TelerikButton OnClick =" @(() => RightDrawerRef.ToggleAsync())" Icon =" @IconName.Menu " >Toggle RIGHT drawer</TelerikButton >
27
+ <TelerikButton OnClick =" @(() => DrawerRef.ToggleAsync())" Icon =" @menu " >Toggle LEFT drawer</TelerikButton >
28
+ <TelerikButton OnClick =" @(() => RightDrawerRef.ToggleAsync())" Icon =" @menu " >Toggle RIGHT drawer</TelerikButton >
29
29
30
30
<div class =" m-5" >
31
31
Selected Item: @SelectedItem ?.Text
Original file line number Diff line number Diff line change 20
20
<div class =" notification-container" >
21
21
<TelerikAnimationContainer @ref =" @FailureNotification" Width =" 300px" Height =" 200px" Top =" 20px" AnimationType =@AnimationType.SlideDown >
22
22
<div class =" k-widget k-popup k-notification k-notification-info" >
23
- <h3 ><TelerikIcon Icon =" @IconName.Cancel " /> Problem</h3 >
23
+ <h3 ><TelerikIcon Icon =" @cancel " /> Problem</h3 >
24
24
<p >
25
25
The operation failed, there is probably something in the content that prevents the conversion. Try simplifying the content and removing images/lists.
26
26
</p >
Original file line number Diff line number Diff line change 13
13
@{
14
14
if (GridIsDirty ())
15
15
{
16
- < TelerikButton Icon = " @IconName.Save " OnClick = " @SaveAllChanges" Primary = " true" > Save All Changes < / TelerikButton >
17
- < TelerikButton Icon = " @IconName.Cancel " OnClick = " @RevertAllChanges" > Cancel All Changes < / TelerikButton >
16
+ < TelerikButton Icon = " @save " OnClick = " @SaveAllChanges" Primary = " true" > Save All Changes < / TelerikButton >
17
+ < TelerikButton Icon = " @cancel " OnClick = " @RevertAllChanges" > Cancel All Changes < / TelerikButton >
18
18
}
19
19
<GridCommandButton Command =" Add" Icon =" add" >Add Employee </GridCommandButton >
20
20
if (SelectedItems .Count () > 0 )
21
21
{
22
- < TelerikButton Icon = " @IconName.Delete " OnClick = " @DeleteSelected" > Delete Selected < / TelerikButton >
22
+ < TelerikButton Icon = " @delete " OnClick = " @DeleteSelected" > Delete Selected < / TelerikButton >
23
23
if (SelectionIsDirty ())
24
24
{
25
- < TelerikButton Icon = " @IconName.Undo " OnClick = " @RevertSelected" > Revert Selected < / TelerikButton >
25
+ < TelerikButton Icon = " @undo " OnClick = " @RevertSelected" > Revert Selected < / TelerikButton >
26
26
}
27
27
}
28
28
}
43
43
}
44
44
else if (currItem .IsChanged )
45
45
{
46
- <TelerikButton Icon =" @IconName.Undo " OnClick =" @( () => RevertItem(currItem) )" >Revert </TelerikButton >
46
+ <TelerikButton Icon =" @undo " OnClick =" @( () => RevertItem(currItem) )" >Revert </TelerikButton >
47
47
}
48
48
}
49
49
</Template >
Original file line number Diff line number Diff line change 14
14
FilterMode =" GridFilterMode.FilterMenu"
15
15
AutoGenerateColumns =" true" >
16
16
<GridToolBar >
17
- <GridCommandButton Command =" ExportToExcel" Icon =" @IconName.FileExcel " OnClick =" ExportToExcel" >Export To Excel</GridCommandButton >
17
+ <GridCommandButton Command =" ExportToExcel" Icon =" @file-excel " OnClick =" ExportToExcel" >Export To Excel</GridCommandButton >
18
18
<TelerikDropDownList Data =" formats" TItem =" string" TValue =" string" @bind-Value =" SelectedFormat" />
19
19
</GridToolBar >
20
20
<GridColumns >
Original file line number Diff line number Diff line change 19
19
<GridColumn Field =" Summary" />
20
20
</GridColumns >
21
21
<GridToolBar >
22
- <TelerikButton Icon =" @IconName.FilePdf " OnClick =" @ExportToPdf" >Export to PDF</TelerikButton >
22
+ <TelerikButton Icon =" @file-pdf " OnClick =" @ExportToPdf" >Export to PDF</TelerikButton >
23
23
<label ><TelerikCheckBox @bind-Value =" @ExportAllPages" />Export All Pages</label >
24
24
</GridToolBar >
25
25
</TelerikGrid >
Original file line number Diff line number Diff line change 11
11
Sortable =" true" Pageable =" true" PageSize =" 20"
12
12
Data =@GridData TotalCount =@Total OnRead =@ReadItems >
13
13
<GridToolBar >
14
- <TelerikButton Icon =" @IconName.FilePdf " OnClick =" @ExportToPdf" >Export to PDF</TelerikButton >
14
+ <TelerikButton Icon =" @file-pdf " OnClick =" @ExportToPdf" >Export to PDF</TelerikButton >
15
15
<label ><TelerikCheckBox @bind-Value =" @ExportAllPages" />Export All Pages</label >
16
16
</GridToolBar >
17
17
<GridColumns >
Original file line number Diff line number Diff line change 7
7
FilterMode =" Telerik.Blazor.GridFilterMode.FilterRow"
8
8
Resizable =" true" Reorderable =" true" >
9
9
<GridToolBar >
10
- <GridCommandButton Command =" Print" OnClick =" @Print" Icon =" @IconName.Print " >Print</GridCommandButton >
10
+ <GridCommandButton Command =" Print" OnClick =" @Print" Icon =" @print " >Print</GridCommandButton >
11
11
</GridToolBar >
12
12
<GridColumns >
13
13
@* Use the Visible parameter of the columns to define which of them will not be visible in print mode.*@
Original file line number Diff line number Diff line change 49
49
FilterMode =" Telerik.Blazor.GridFilterMode.FilterRow"
50
50
Resizable =" true" Reorderable =" true" >
51
51
<GridToolBar >
52
- <GridCommandButton Command =" Print" OnClick =" @Print" Icon =" @IconName.Print " >Print</GridCommandButton >
52
+ <GridCommandButton Command =" Print" OnClick =" @Print" Icon =" @print " >Print</GridCommandButton >
53
53
</GridToolBar >
54
54
<GridColumns >
55
55
<GridColumn Field =" @(nameof(SampleData.Id))" Width =" 120px" />
Original file line number Diff line number Diff line change @@ -19,14 +19,14 @@ This sample uses a Notification component to show the error message to supplemen
19
19
<GridColumn Field =" TemperatureF" Title =" Temp. F" DisplayFormat =" {0:N1}" />
20
20
<GridColumn Field =" Summary" />
21
21
<GridCommandColumn Width =" 200px" Resizable =" false" >
22
- <GridCommandButton Command =" Save" Icon =" @IconName.Save " ShowInEdit =" true" >Update</GridCommandButton >
23
- <GridCommandButton Command =" Edit" Icon =" @IconName.Edit " Primary =" true" >Edit</GridCommandButton >
24
- <GridCommandButton Command =" Delete" Icon =" @IconName.Delete " >Delete</GridCommandButton >
25
- <GridCommandButton Command =" Cancel" Icon =" @IconName.Cancel " ShowInEdit =" true" >Cancel</GridCommandButton >
22
+ <GridCommandButton Command =" Save" Icon =" @save " ShowInEdit =" true" >Update</GridCommandButton >
23
+ <GridCommandButton Command =" Edit" Icon =" @edit " Primary =" true" >Edit</GridCommandButton >
24
+ <GridCommandButton Command =" Delete" Icon =" @delete " >Delete</GridCommandButton >
25
+ <GridCommandButton Command =" Cancel" Icon =" @cancel " ShowInEdit =" true" >Cancel</GridCommandButton >
26
26
</GridCommandColumn >
27
27
</GridColumns >
28
28
<GridToolBar >
29
- <GridCommandButton Command =" Add" Icon =" @IconName.Plus " Primary =" true" >Add Forecast</GridCommandButton >
29
+ <GridCommandButton Command =" Add" Icon =" @plus " Primary =" true" >Add Forecast</GridCommandButton >
30
30
</GridToolBar >
31
31
</TelerikGrid >
32
32
Original file line number Diff line number Diff line change 25
25
< br / >
26
26
< TelerikDropDownList Data = " @Teams" @bind - Value = " @currEditItem.Team" / >
27
27
28
- < ListViewCommandButton Command = " Save" Icon = " @IconName.Save " > Save < / ListViewCommandButton >
29
- < ListViewCommandButton Command = " Cancel" Icon = " @IconName.Cancel " > Cancel < / ListViewCommandButton >
28
+ < ListViewCommandButton Command = " Save" Icon = " @save " > Save < / ListViewCommandButton >
29
+ < ListViewCommandButton Command = " Cancel" Icon = " @cancel " > Cancel < / ListViewCommandButton >
30
30
< / EditForm >
31
31
}
32
32
}
36
36
<div style =" border : 1px solid black ; margin : 10px ; padding : 10px ; display : inline-block ;" >
37
37
Employee: @context.Id <br />
38
38
Name: @context.Name in team: @context.Team
39
- <ListViewCommandButton Command =" Edit" Icon =" @IconName.Edit " >Edit</ListViewCommandButton >
40
- <ListViewCommandButton Command =" Delete" Icon =" @IconName.Delete " >Delete</ListViewCommandButton >
39
+ <ListViewCommandButton Command =" Edit" Icon =" @edit " >Edit</ListViewCommandButton >
40
+ <ListViewCommandButton Command =" Delete" Icon =" @delete " >Delete</ListViewCommandButton >
41
41
</div >
42
42
</Template >
43
43
<HeaderTemplate >
44
- <ListViewCommandButton Command =" Add" Icon =" @IconName.Plus " >Add Employee</ListViewCommandButton >
44
+ <ListViewCommandButton Command =" Add" Icon =" @plus " >Add Employee</ListViewCommandButton >
45
45
<p >In this sample, the first item will not open for editing because of the code in the OnEdit handler</p >
46
46
</HeaderTemplate >
47
47
</TelerikListView >
Original file line number Diff line number Diff line change 24
24
<br />
25
25
<TelerikDropDownList Data =" @Teams" @bind-Value =" @currEditItem.Team" />
26
26
27
- <ListViewCommandButton Command =" Save" Icon =" @IconName.Save " >Save </ListViewCommandButton >
28
- <ListViewCommandButton Command =" Cancel" Icon =" @IconName.Cancel " >Cancel </ListViewCommandButton >
27
+ <ListViewCommandButton Command =" Save" Icon =" @save " >Save </ListViewCommandButton >
28
+ <ListViewCommandButton Command =" Cancel" Icon =" @cancel " >Cancel </ListViewCommandButton >
29
29
</EditForm >
30
30
}
31
31
</div >
34
34
<div style =" border : 1px solid black ; margin : 10px ; padding : 10px ; display : inline-block ;" >
35
35
Employee: @context.Id <br />
36
36
Name: @context.Name in team: @context.Team
37
- <ListViewCommandButton Command =" Edit" Icon =" @IconName.Edit " >Edit</ListViewCommandButton >
38
- <ListViewCommandButton Command =" Delete" Icon =" @IconName.Delete " >Delete</ListViewCommandButton >
37
+ <ListViewCommandButton Command =" Edit" Icon =" @edit " >Edit</ListViewCommandButton >
38
+ <ListViewCommandButton Command =" Delete" Icon =" @delete " >Delete</ListViewCommandButton >
39
39
</div >
40
40
</Template >
41
41
<HeaderTemplate >
42
- <ListViewCommandButton Command =" Add" Icon =" @IconName.Plus " >Add Employee</ListViewCommandButton >
42
+ <ListViewCommandButton Command =" Add" Icon =" @plus " >Add Employee</ListViewCommandButton >
43
43
<p >In this sample, the first item will not open for editing because of the code in the OnEdit handler</p >
44
44
</HeaderTemplate >
45
45
</TelerikListView >
Original file line number Diff line number Diff line change 11
11
<div style =" border : 1px solid black ; margin : 10px ; padding : 10px ; display : inline-block ;" >
12
12
Employee: @context.Id <br />
13
13
Name: @context.Name in team: @context.Team
14
- <TelerikButton OnClick =" @( _ => EditExisting(context) )" Icon =" @IconName.Edit " >Edit</TelerikButton >
15
- <ListViewCommandButton Command =" Delete" Icon =" @IconName.Delete " >Delete</ListViewCommandButton >
14
+ <TelerikButton OnClick =" @( _ => EditExisting(context) )" Icon =" @edit " >Edit</TelerikButton >
15
+ <ListViewCommandButton Command =" Delete" Icon =" @delete " >Delete</ListViewCommandButton >
16
16
</div >
17
17
</Template >
18
18
<HeaderTemplate >
19
- <TelerikButton OnClick =" @AddNew" Icon =" @IconName.Plus " >Add Employee</TelerikButton >
19
+ <TelerikButton OnClick =" @AddNew" Icon =" @plus " >Add Employee</TelerikButton >
20
20
</HeaderTemplate >
21
21
</TelerikListView >
22
22
Original file line number Diff line number Diff line change 1
- <TelerikButton Icon =" @IconName.Delete " Class =" text-danger" OnClick =" @( _ => WindowVisible = true )" Enabled =" @Enabled" >
1
+ <TelerikButton Icon =" @delete " Class =" text-danger" OnClick =" @( _ => WindowVisible = true )" Enabled =" @Enabled" >
2
2
Remove
3
3
</TelerikButton >
4
4
You can’t perform that action at this time.
0 commit comments