Skip to content

Commit 3600e1d

Browse files
xristianstefanovxristianstefanov
committed
chore(common): fix broken code blocks
1 parent 240ccce commit 3600e1d

File tree

7 files changed

+67
-67
lines changed

7 files changed

+67
-67
lines changed

‎_contentTemplates/common/get-started.md‎

Lines changed: 20 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -46,32 +46,32 @@ In this tutorial, you will use the [Telerik NuGet feed]({%slug installation/nuge
4646

4747
#add-component-sample
4848

49-
**RAZOR**
50-
51-
<TelerikButton>Say Hello</TelerikButton>
52-
49+
````RAZOR
50+
<TelerikButton>Say Hello</TelerikButton>
51+
````
52+
5353
1. Optionally, hook up a click handler that will show a message. The resulting view will look like this:
5454

55-
**RAZOR**
56-
57-
@page "/"
55+
````RAZOR
56+
@page "/"
5857
59-
<TelerikButton ThemeColor="@ThemeConstants.Button.ThemeColor.Primary"
60-
OnClick="@SayHelloHandler">Say Hello</TelerikButton>
58+
<TelerikButton ThemeColor="@ThemeConstants.Button.ThemeColor.Primary"
59+
OnClick="@SayHelloHandler">Say Hello</TelerikButton>
6160
62-
<p>@HelloString</p>
61+
<p>@HelloString</p>
6362
64-
@code {
65-
private MarkupString HelloString { get; set; }
63+
@code {
64+
private MarkupString HelloString { get; set; }
6665
67-
private void SayHelloHandler()
68-
{
69-
string msg = $"Hello from <strong>Telerik UI for Blazor</strong> at {DateTime.Now.ToString("HH:mm:ss")}!" +
70-
"<br /> Now you can use C# to write front-end!";
66+
private void SayHelloHandler()
67+
{
68+
string msg = $"Hello from <strong>Telerik UI for Blazor</strong> at {DateTime.Now.ToString("HH:mm:ss")}!" +
69+
"<br /> Now you can use C# to write front-end!";
7170
72-
HelloString = new MarkupString(msg);
73-
}
74-
}
71+
HelloString = new MarkupString(msg);
72+
}
73+
}
74+
````
7575

7676
1. Run the app in the browser. You should see something like this:
7777

@@ -138,7 +138,7 @@ Add a `<TelerikRootComponent>` to the app layout file (by default, `MainLayout.r
138138
139139
<div class="skip-repl"></div>
140140

141-
````CSHTML
141+
````RAZOR
142142
@inherits LayoutComponentBase
143143
144144
<TelerikRootComponent>

‎_contentTemplates/common/js-interop-file.md‎

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -20,7 +20,7 @@
2020
#end
2121

2222
#js-interop-file-snippet
23-
````
23+
````HTML
2424
<head>
2525
. . .
2626
<script src="_content/Telerik.UI.for.Blazor/js/telerik-blazor.js"></script>
@@ -33,7 +33,7 @@
3333
#end
3434

3535
#theme-static-asset-snippet
36-
````
36+
````HTML
3737
<head>
3838
. . .
3939
<link rel="stylesheet" href="_content/Telerik.UI.for.Blazor/css/kendo-theme-default/all.css" />
@@ -64,7 +64,7 @@ var app = builder.Build();
6464

6565
#register-telerik-service-client
6666
<div class="skip-repl"></div>
67-
````.NET_6_and_.NET_7
67+
````C#
6868
using ClientBlazorProject;
6969
using Microsoft.AspNetCore.Components.Web;
7070
using Microsoft.AspNetCore.Components.WebAssembly.Hosting;

‎components/grid/events.md‎

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -79,7 +79,7 @@ Read more about them and find code examples in the [Grid Export Events]({%slug g
7979
>caption The different use-cases of the OnModelInit event
8080
8181
<div class="skip-repl"></div>
82-
````NoParameterlessConstructor
82+
````RAZOR NoParameterlessConstructor
8383
@* Bind the Grid to a class without a parameterless constructor *@
8484
8585
<TelerikGrid Data="@SampleGridData"
@@ -210,7 +210,7 @@ Read more about them and find code examples in the [Grid Export Events]({%slug g
210210
}
211211
}
212212
````
213-
````Interface
213+
````RAZOR Interface
214214
@* Bind the Grid to an interface *@
215215
216216
<TelerikGrid Data="@SampleGridData"
@@ -347,7 +347,7 @@ Read more about them and find code examples in the [Grid Export Events]({%slug g
347347
}
348348
}
349349
````
350-
````AbstractClass
350+
````RAZOR AbstractClass
351351
@* Bind the Grid to an abstract class *@
352352
353353
<TelerikGrid Data="@SampleGridData"
@@ -493,7 +493,7 @@ The `OnRowClick` event handler receives a `GridRowClickEventArgs` argument, whic
493493

494494
>caption Use the OnRowClick event to load data on demand based on the clicked row
495495
496-
````CSHTML
496+
````RAZOR
497497
@* Use the OnRowClick event to load data on demand based on the clicked row *@
498498
499499
There is a deliberate delay in the data loading to showcase the async nature of the event
@@ -593,7 +593,7 @@ The `OnRowDoubleClick` event handler receives a `GridRowClickEventArgs` argument
593593

594594
>caption Use the OnRowDoubleClick event to receive information on the clicked row
595595
596-
````CSHTML
596+
````RAZOR
597597
@* Use the OnRowDoubleClick event to receive information on the row the user clicked on *@
598598
599599
<TelerikGrid Data="@MyData"
@@ -656,7 +656,7 @@ The `OnRowContextMenu` event handler receives a `GridRowClickEventArgs` argument
656656

657657
>caption Use the Grid OnRowContextMenu event and get the data model
658658
659-
````CSHTML
659+
````RAZOR
660660
@* Get the row model from a context menu action (right click/long tap) *@
661661
662662
<TelerikGrid Data="@MyData"
@@ -715,7 +715,7 @@ The event handler receives a `GridRowExpandEventArgs` object which provides the
715715

716716
>caption Use the OnRowExpand event to load detailed data on demand. Another approach can be found on our [public github repository](https://github.com/telerik/blazor-ui/tree/master/grid/load-on-demand-hierarchy).
717717
718-
````CSHTML
718+
````RAZOR
719719
@* Load data on demand for the expanded detail row. *@
720720
721721
<TelerikGrid Data="salesTeamMembers"
@@ -805,7 +805,7 @@ The event handler receives a `GridRowCollapseEventArgs` object which provides th
805805

806806
>caption Use the OnRowCollapse event to get the Id of the collapsed row from the data model
807807
808-
````CSHTML
808+
````RAZOR
809809
@* Get the Id of the collapsed row *@
810810
811811
<TelerikGrid Data="salesTeamMembers"
@@ -890,7 +890,7 @@ This event fires when each Grid row renders. This can happen in the following ca
890890

891891
>caption Use the OnRowRender event to apply custom styles to Grid rows based on certain condition
892892
893-
````CSHTML
893+
````RAZOR
894894
@* Conditional styling/formatting for rows (including locked/frozen columns). *@
895895
896896
<style>
@@ -966,7 +966,7 @@ The event fires when the user pages the grid.
966966

967967
>caption Handle the PageChanged event to know when the user changes the page
968968
969-
````CSHTML
969+
````RAZOR
970970
@result
971971
972972
<TelerikGrid Data="@MyData" Pageable="true" PageSize="30"
@@ -990,7 +990,7 @@ The event fires when the user pages the grid.
990990

991991
>caption One-way binding of the Page parameter should be used with the PageChanged event to keep the view-model in sync
992992
993-
````CSHTML
993+
````RAZOR
994994
@* Set initial page index, and keep it updated with the grid state to prevent it from resetting the grid page index on re-renders *@
995995
996996
<TelerikGrid Data="@MyData" Pageable="true" PageSize="30" Height="300px"
@@ -1023,7 +1023,7 @@ Make sure to update the current page size when using the event.
10231023

10241024
>caption Handle PageSizeChanged
10251025
1026-
````CSHTML
1026+
````RAZOR
10271027
<TelerikGrid
10281028
Data="@MyData"
10291029
Pageable="true"

‎components/listview/events.md‎

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -38,7 +38,7 @@ In the common case, you provide all the data to the listview's Data collection a
3838
>caption The different use-cases of the OnModelInit event
3939
4040
<div class="skip-repl"></div>
41-
````NoParameterlessConstructor
41+
````RAZOR NoParameterlessConstructor
4242
@* Bind the ListView to a class without a parameterless constructor *@
4343
4444
<TelerikListView Data="@ListViewData"
@@ -205,7 +205,7 @@ In the common case, you provide all the data to the listview's Data collection a
205205
}
206206
}
207207
````
208-
````Interface
208+
````RAZOR Interface
209209
@* Bind the ListView to an interface *@
210210
211211
<TelerikListView Data="@ListViewData"
@@ -379,7 +379,7 @@ In the common case, you provide all the data to the listview's Data collection a
379379
}
380380
}
381381
````
382-
````AbstractClass
382+
````RAZOR AbstractClass
383383
@* Bind the ListView to an abstract class *@
384384
385385
<TelerikListView Data="@ListViewData"
@@ -556,7 +556,7 @@ The event fires when the user pages the listview. If you will be providing the `
556556

557557
>caption Handle the PageChanged event
558558
559-
````CSHTML
559+
````RAZOR
560560
@result
561561
562562
<TelerikListView Data="@ListViewData" Pageable="true" PageChanged="@PageChangedHandler">
@@ -596,7 +596,7 @@ Make sure to update the current page size when using the event.
596596

597597
>caption Handle PageSizeChanged
598598
599-
````CSHTML
599+
````RAZOR
600600
<TelerikListView Data="@ListViewData"
601601
Pageable="true"
602602
PageSize="@PageSize"

‎components/scheduler/events.md‎

Lines changed: 10 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -33,7 +33,7 @@ To implement appointment editing, the scheduler exposes the `OnCreate`, `OnDelet
3333
>caption The different use-cases of the OnModelInit event
3434
3535
<div class="skip-repl"></div>
36-
````NoParameterlessConstructor
36+
````RAZOR NoParameterlessConstructor
3737
@* Bind the Scheduler to a class without a parameterless constructor *@
3838
3939
<TelerikScheduler Data="@Appointments"
@@ -218,7 +218,7 @@ To implement appointment editing, the scheduler exposes the `OnCreate`, `OnDelet
218218
}
219219
}
220220
````
221-
````Interface
221+
````RAZOR Interface
222222
@* Bind the Scheduler to an interface *@
223223
224224
<TelerikScheduler Data="@Appointments"
@@ -415,7 +415,7 @@ To implement appointment editing, the scheduler exposes the `OnCreate`, `OnDelet
415415
}
416416
}
417417
````
418-
````AbstractClass
418+
````RAZOR AbstractClass
419419
@* Bind the Scheduler to an abstract class *@
420420
421421
<TelerikScheduler Data="@Appointments"
@@ -610,7 +610,7 @@ It provides a `SchedulerItemClickEventArgs` object to the event handler and you
610610

611611
>caption Use the OnItemClick event for the scheduler
612612
613-
````CSHTML
613+
````RAZOR
614614
@* You can react to user clicking on a Scheduler item by using the OnItemClick event *@
615615
616616
<TelerikScheduler Data="@Appointments"
@@ -683,7 +683,7 @@ It provides a `SchedulerItemDoubleClickEventArgs` object to the event handler an
683683

684684
>caption Use the OnItemDoubleClick event for the scheduler
685685
686-
````CSHTML
686+
````RAZOR
687687
@* You can react to user double clicking on a Scheduler item by using the OnItemDoubleClick event *@
688688
689689
<TelerikScheduler Data="@Appointments"
@@ -756,7 +756,7 @@ It provides a `SchedulerItemContextMenuEventArgs` object to the event handler an
756756

757757
>caption Use the OnItemContextMenu event for the scheduler
758758
759-
````CSHTML
759+
````RAZOR
760760
@* You can react to user right clicking on a Scheduler item by using the OnItemContextMenu event *@
761761
762762
<TelerikScheduler Data="@Appointments"
@@ -842,7 +842,7 @@ Through its event arguments you can get the `Item` to cast it to your model type
842842

843843
>caption Customize the appearance of the scheduler appointments by adding custom CSS classes to them conditionally
844844
845-
````CSHTML
845+
````RAZOR
846846
@* The sample styles are at the end of the snippet, and you can also add more than one per appointment, depending on the necessary logic *@
847847
848848
<TelerikScheduler Data="@Appointments" @bind-Date="@StartDate" @bind-View="@CurrView" Height="600px" Width="800px"
@@ -952,7 +952,7 @@ The handler receives an argument of type `SchedulerCellRenderEventArgs` which ex
952952

953953
>caption Customize certain Scheduler slots by handling the `OnCellRender` event
954954
955-
````CSHTML
955+
````RAZOR
956956
<style>
957957
.lunch-break {
958958
background-color: rgba(255,124,115,0.3);
@@ -1044,7 +1044,7 @@ The `DateChanged` event fires when the user [navigates]({%slug scheduler-navigat
10441044
>caption Handle the `DateChanged` event
10451045
10461046

1047-
````CSHTML
1047+
````RAZOR
10481048
@* Try navigating to the previous or next period, today or a random date, then repeat after changing the view *@
10491049
10501050
@result
@@ -1129,7 +1129,7 @@ The `ViewChanged` event fires when the user chooses a new [View]({%slug schedule
11291129

11301130
>caption Handle the `ViewChanged` event.
11311131
1132-
````CSHTML
1132+
````RAZOR
11331133
@result
11341134
11351135
<TelerikScheduler Data="@Appointments" @bind-Date="@StartDate" Height="600px"

0 commit comments

Comments
 (0)