Skip to content

Commit 790a50a

Browse files
dimodijivanova
dimodi
authored and
jivanova
committed
docs: Use template for table layout everywhere
1 parent 530c11c commit 790a50a

File tree

35 files changed

+80
-291
lines changed

35 files changed

+80
-291
lines changed

‎common-features/data-binding/onread.md

Lines changed: 2 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -70,12 +70,7 @@ The `OnRead` event handler receives an argument, which inherits from [`ReadEvent
7070

7171
The following properties of the event argument object are common for all [components with an `OnRead` event](#components-with-onread-event). Other properties are discussed in component-specific articles.
7272

73-
<style>
74-
article style + table {
75-
table-layout: auto;
76-
word-break: normal;
77-
}
78-
</style>
73+
@[template](/_contentTemplates/common/parameters-table-styles.md#table-layout)
7974

8075
| Property | Type | Description |
8176
| --- | --- | --- |
@@ -112,12 +107,7 @@ The `ToDataSourceResult` extension method is able to extract the requested data
112107

113108
`ToDataSourceResult` returns a [`DataSourceResult` object](/blazor-ui/api/Telerik.DataSource.DataSourceResult). Its most important properties are:
114109

115-
<style>
116-
article style + table {
117-
table-layout: auto;
118-
word-break: normal;
119-
}
120-
</style>
110+
@[template](/_contentTemplates/common/parameters-table-styles.md#table-layout)
121111

122112
| Property | Type | Description |
123113
| --- | --- | --- |

‎components/autocomplete/overview.md

Lines changed: 1 addition & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -72,12 +72,7 @@ The Blazor AutoComplete @[template](/_contentTemplates/dropdowns/features.md#gro
7272

7373
The Blazor AutoComplete provides various parameters that allow you to configure the component:
7474

75-
<style>
76-
article style + table {
77-
table-layout: auto;
78-
word-break: normal;
79-
}
80-
</style>
75+
@[template](/_contentTemplates/common/parameters-table-styles.md#table-layout)
8176

8277
| Parameter | Type | Description |
8378
| ----------- | ----------- | -------|

‎components/card/overview.md

Lines changed: 2 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -58,12 +58,8 @@ The below snippet demonstrates the setup of a Card component with all building b
5858

5959
The Card provides various parameters that allow you to configure the component:
6060

61-
<style>
62-
article style + table {
63-
table-layout: auto;
64-
word-break: normal;
65-
}
66-
</style>
61+
@[template](/_contentTemplates/common/parameters-table-styles.md#table-layout)
62+
6763
| Parameter | Type | Description |
6864
| ----------- | ----------- | -------|
6965
| `Width` | `string` | defines width of the component.

‎components/checkbox/appearance.md

Lines changed: 4 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -20,12 +20,8 @@ You can control the appearance of the CheckBox button by setting the following a
2020

2121
You can increase or decrease the size of the CheckBox by setting the `Size` attribute to a member of the `Telerik.Blazor.ThemeConstants.CheckBox.Size` class:
2222

23-
<style>
24-
article style + table {
25-
table-layout: auto;
26-
word-break: normal;
27-
}
28-
</style>
23+
@[template](/_contentTemplates/common/parameters-table-styles.md#table-layout)
24+
2925
| Class member | Manual declaration |
3026
|------------|--------|
3127
|`Small` |`sm`|
@@ -61,12 +57,8 @@ You can increase or decrease the size of the CheckBox by setting the `Size` attr
6157

6258
The `Rounded` attribute applies the `border-radius` CSS rule to the checkbox to achieve curving of the edges. You can set it to a member of the `Telerik.Blazor.ThemeConstants.CheckBox.Rounded` class:
6359

64-
<style>
65-
article style + table {
66-
table-layout: auto;
67-
word-break: normal;
68-
}
69-
</style>
60+
@[template](/_contentTemplates/common/parameters-table-styles.md#table-layout)
61+
7062
| Class member | Manual declaration |
7163
|------------|--------|
7264
|`Small` |`sm`|

‎components/checkbox/overview.md

Lines changed: 2 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -49,12 +49,8 @@ The Blazor Checkbox fires value change, focus and state change events that you c
4949

5050
The Blazor CheckBox provides various parameters that allow you to configure the component:
5151

52-
<style>
53-
article style + table {
54-
table-layout: auto;
55-
word-break: normal;
56-
}
57-
</style>
52+
@[template](/_contentTemplates/common/parameters-table-styles.md#table-layout)
53+
5854
| Parameter | Type | Description |
5955
| ----------- | ----------- | ----------- |
6056
| `Class` | `string` | Renders a custom CSS class to the `<input class="k-checkbox">` element. |

‎components/colorpalette/overview.md

Lines changed: 2 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -47,12 +47,8 @@ The Blazor ColorPalette fires value change and blur events that you can handle a
4747

4848
The Blazor ColorPalette provides various parameters to configure the component. Also check the [ColorPalette public API](/blazor-ui/api/Telerik.Blazor.Components.TelerikColorPalette).
4949

50-
<style>
51-
article style + table {
52-
table-layout: auto;
53-
word-break: normal;
54-
}
55-
</style>
50+
@[template](/_contentTemplates/common/parameters-table-styles.md#table-layout)
51+
5652
| Parameter | Type and Default Value | Description |
5753
| --- | --- | --- |
5854
| `Class` | `string` | Renders a custom CSS class to the `<div class="k-colorpalette">` element. |

‎components/combobox/overview.md

Lines changed: 2 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -74,12 +74,8 @@ The Blazor ComboBox @[template](/_contentTemplates/dropdowns/features.md#groupin
7474

7575
>caption The ComboBox provides various parameters that allow you to configure the component:
7676
77-
<style>
78-
article style + table {
79-
table-layout: auto;
80-
word-break: normal;
81-
}
82-
</style>
77+
@[template](/_contentTemplates/common/parameters-table-styles.md#table-layout)
78+
8379
| Parameter | Type | Description
8480
| ----------- | ----------- | -----------|
8581
| `AllowCustom` | `bool` | whether the user can enter [custom values]({%slug components/combobox/custom-value%}). If enabled, the `ValueField` must be a `string`.

‎components/dialog/overview.md

Lines changed: 4 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -69,12 +69,8 @@ The Blazor Dialog fires a `VisibleChanged` event to customize the application be
6969

7070
The Blazor Dialog provides various parameters to configure the component. Also check the [Dialog public API](https://docs.telerik.com/blazor-ui/api/Telerik.Blazor.Components.TelerikDialog).
7171

72-
<style>
73-
article style + table {
74-
table-layout: auto;
75-
word-break: normal;
76-
}
77-
</style>
72+
@[template](/_contentTemplates/common/parameters-table-styles.md#table-layout)
73+
7874
| Parameter | Type and Default Value | Description |
7975
| --- | --- | --- |
8076
| `ButtonsLayout` | `DialogButtonsLayout` enum <br /> (`Stretched`) | Defines the layout of the actions button in the footer. See more in the [Action Buttons article]({%slug dialog-action-buttons%})). |
@@ -92,12 +88,8 @@ The Blazor Dialog provides various parameters to configure the component. Also c
9288

9389
The Dialog methods are accessible through its reference.
9490

95-
<style>
96-
article style + table {
97-
table-layout: auto;
98-
word-break: normal;
99-
}
100-
</style>
91+
@[template](/_contentTemplates/common/parameters-table-styles.md#table-layout)
92+
10193
| Method | Description |
10294
| --- | --- |
10395
| `Refresh` | Redraws the component. |

‎components/drawer/overview.md

Lines changed: 4 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -109,12 +109,8 @@ The Blazor Drawer fires select and expand events. Handle those events to respond
109109

110110
The Blazor Drawer provides various parameters to configure the component. Also check the [Drawer public API](https://docs.telerik.com/blazor-ui/api/Telerik.Blazor.Components.TelerikDrawer-1).
111111

112-
<style>
113-
article style + table {
114-
table-layout: auto;
115-
word-break: normal;
116-
}
117-
</style>
112+
@[template](/_contentTemplates/common/parameters-table-styles.md#table-layout)
113+
118114
| Parameter | Type and Default Value | Description |
119115
| --- | --- | --- |
120116
| `Class` | `string` | Renders a custom CSS class to the `<div class="k-drawer-container">` element. |
@@ -128,12 +124,8 @@ The Blazor Drawer provides various parameters to configure the component. Also c
128124

129125
The Drawer methods are accessible through it's reference. These methods change the value of the `Expanded` parameter.
130126

131-
<style>
132-
article style + table {
133-
table-layout: auto;
134-
word-break: normal;
135-
}
136-
</style>
127+
@[template](/_contentTemplates/common/parameters-table-styles.md#table-layout)
128+
137129
| Method | Description |
138130
| --- | --- |
139131
| `ExpandAsync` | Expands the Drawer. |

‎components/dropdownlist/overview.md

Lines changed: 1 addition & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -74,13 +74,8 @@ The Blazor DropDownList @[template](/_contentTemplates/dropdowns/features.md#gro
7474

7575
>caption The DropDownList provides various parameters that allow you to configure the component:
7676
77+
@[template](/_contentTemplates/common/parameters-table-styles.md#table-layout)
7778

78-
<style>
79-
article style + table {
80-
table-layout: auto;
81-
word-break: normal;
82-
}
83-
</style>
8479
| Parameter | Type | Description
8580
| ----------- | ----------- | -----------|
8681
| `Data` | `IEnumerable<TItem>` | allows you to provide the data source. Required.

‎components/fileselect/events.md

Lines changed: 1 addition & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -22,12 +22,7 @@ The FileSelect event handlers provide a [`FileSelectEventArgs` argument](/blazor
2222

2323
The `FileSelectFileInfo` type contains these properties:
2424

25-
<style>
26-
article style + table {
27-
table-layout: auto;
28-
word-break: normal;
29-
}
30-
</style>
25+
@[template](/_contentTemplates/common/parameters-table-styles.md#table-layout)
3126

3227
Property | Type | Description
3328
---------|----------|---------

‎components/fileselect/overview.md

Lines changed: 1 addition & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -109,12 +109,7 @@ The FileSelect includes [built-in client-side validation]({%slug fileselect-vali
109109

110110
The following table lists the FileSelect parameters. Also check the [FileSelect API Reference](/blazor-ui/api/Telerik.Blazor.Components.TelerikFileSelect) for a full list of properties, methods and events.
111111

112-
<style>
113-
article style + table {
114-
table-layout: auto;
115-
word-break: normal;
116-
}
117-
</style>
112+
@[template](/_contentTemplates/common/parameters-table-styles.md#table-layout)
118113

119114
| Parameter | Type and Default&nbsp;Value | Description |
120115
| --- | --- | --- |

‎components/floatinglabel/overview.md

Lines changed: 1 addition & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -82,12 +82,7 @@ If a Telerik component has both a `Placeholder` and a floating label, the behavi
8282

8383
The following table lists the FloatingLabel parameters. Also check the [FloatingLabel API Reference](https://docs.telerik.com/blazor-ui/api/Telerik.Blazor.Components.TelerikFloatingLabel) for a full list of properties, methods and events.
8484

85-
<style>
86-
article style + table {
87-
table-layout: auto;
88-
word-break: normal;
89-
}
90-
</style>
85+
@[template](/_contentTemplates/common/parameters-table-styles.md#table-layout)
9186

9287
| Attribute | Type | Description |
9388
| --- | --- | --- |

‎components/loader/overview.md

Lines changed: 1 addition & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -64,12 +64,7 @@ It is possible to place the Loader component inside another component for better
6464

6565
The following table lists the Loader parameters. Also check the [Loader API Reference](/blazor-ui/api/Telerik.Blazor.Components.TelerikLoader).
6666

67-
<style>
68-
article style + table {
69-
table-layout: auto;
70-
word-break: normal;
71-
}
72-
</style>
67+
@[template](/_contentTemplates/common/parameters-table-styles.md#table-layout)
7368

7469
| Parameter | Type and Default&nbsp;Value | Description |
7570
| --- | --- | --- |

‎components/loadercontainer/overview.md

Lines changed: 1 addition & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -81,12 +81,7 @@ The Blazor LoaderContainer can expand to fill only a specific parent container.
8181

8282
The following table lists the LoaderContainer parameters. Also check the [LoaderContainer API Reference](/blazor-ui/api/Telerik.Blazor.Components.TelerikLoaderContainer).
8383

84-
<style>
85-
article style + table {
86-
table-layout: auto;
87-
word-break: normal;
88-
}
89-
</style>
84+
@[template](/_contentTemplates/common/parameters-table-styles.md#table-layout)
9085

9186
| Parameter | Type and Default&nbsp;Value | Description |
9287
| --- | --- | --- |

‎components/pager/overview.md

Lines changed: 2 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -76,12 +76,8 @@ The Blazor Pager exposes PageChanged and PageSizeChanged events that you can han
7676

7777
The Blazor Pager provides various parameters that allow you to configure the component:
7878

79-
<style>
80-
article style + table {
81-
table-layout: auto;
82-
word-break: normal;
83-
}
84-
</style>
79+
@[template](/_contentTemplates/common/parameters-table-styles.md#table-layout)
80+
8581
| Parameter | Type and Default Value | Description |
8682
| ----------- | ----------- | ----------- |
8783
|`Adaptive` | `bool` | Defines whether pager elements should be changed based on the screen size. When enabled, the Pager will hide its `Pager Info` and `PageSize Dropdownlist` if they cannot fit in the available space. In the smallest resolution, the page buttons will be rendered as a select element.

‎components/radiogroup/appearance.md

Lines changed: 2 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -19,12 +19,8 @@ You can control the appearance of the RadioButtonGroup button by setting the fol
1919

2020
Change the size of the radio buttons by setting the `Size` parameter to a member of the `Telerik.Blazor.ThemeConstants.Button.Size` class:
2121

22-
<style>
23-
article style + table {
24-
table-layout: auto;
25-
word-break: normal;
26-
}
27-
</style>
22+
@[template](/_contentTemplates/common/parameters-table-styles.md#table-layout)
23+
2824
| Class members | Manual declarations |
2925
|---------------|--------|
3026
|`Small`|`sm`|

‎components/radiogroup/overview.md

Lines changed: 2 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -79,12 +79,8 @@ The Blazor RadioGroup fires blur and value change events to respond to user acti
7979

8080
The Blazor RadioGroup provides various parameters to configure the component. Also check the [RadioGroup public API](https://docs.telerik.com/blazor-ui/api/Telerik.Blazor.Components.TelerikRadioGroup-2).
8181

82-
<style>
83-
article style + table {
84-
table-layout: auto;
85-
word-break: normal;
86-
}
87-
</style>
82+
@[template](/_contentTemplates/common/parameters-table-styles.md#table-layout)
83+
8884
| Parameter | Type and Default Value | Description |
8985
| --- | --- | --- |
9086
| `Class` | `string` | The custom CSS class for the main wrapping element, which is `<ul class="k-radio-list">`. |

‎components/slider/overview.md

Lines changed: 2 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -82,12 +82,8 @@ You can validate Slider value using the built-in validation. See the [Input Vali
8282

8383
The Slider provides various parameters that allow you to configure the component:
8484

85-
<style>
86-
article style + table {
87-
table-layout: auto;
88-
word-break: normal;
89-
}
90-
</style>
85+
@[template](/_contentTemplates/common/parameters-table-styles.md#table-layout)
86+
9187
| Parameter | Type | Description |
9288
| ----------- | ----------- | -------|
9389
| `Decimals` | `int` | Specifies the number precision for the steps.

‎components/splitbutton/icons.md

Lines changed: 1 addition & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -19,12 +19,7 @@ The SplitButton provides four parameters and five different ways to add an icon
1919

2020
The `string` parameters below exist for both `TelerikSplitButton` and `SplitButtonItem`.
2121

22-
<style>
23-
article style + table {
24-
table-layout: auto;
25-
word-break: normal;
26-
}
27-
</style>
22+
@[template](/_contentTemplates/common/parameters-table-styles.md#table-layout)
2823

2924
| Parameter | Intended Usage |
3025
| --- | --- |

‎components/splitbutton/overview.md

Lines changed: 3 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -73,12 +73,7 @@ Each SplitButton action [fires a separate `OnClick` event]({%slug splitbutton-ev
7373

7474
The following table lists the SplitButton parameters, except those related to [built-in styling]({%slug splitbutton-appearance%}) and [icons]({%slug splitbutton-icons%}). Also check the [SplitButton API Reference](/blazor-ui/api/Telerik.Blazor.Components.TelerikSplitButton) for a full list of properties, methods and events.
7575

76-
<style>
77-
article style + table {
78-
table-layout: auto;
79-
word-break: normal;
80-
}
81-
</style>
76+
@[template](/_contentTemplates/common/parameters-table-styles.md#table-layout)
8277

8378
| Parameter | Type and Default&nbsp;Value | Description |
8479
| --- | --- | --- |
@@ -104,12 +99,7 @@ The SplitButton exposes configuration settings for its dropdown (popup). The par
10499
</TelerikSplitButton>
105100
````
106101

107-
<style>
108-
article style + table {
109-
table-layout: auto;
110-
word-break: normal;
111-
}
112-
</style>
102+
@[template](/_contentTemplates/common/parameters-table-styles.md#table-layout)
113103

114104
| Parameter | Type and Default&nbsp;Value | Description |
115105
| --- | --- | --- |
@@ -129,12 +119,7 @@ The SplitButton exposes configuration settings for its dropdown (popup). The par
129119

130120
The following table lists the `SplitButtonItem` parameters, except those related to [icons]({%slug splitbutton-icons%}).
131121

132-
<style>
133-
article style + table {
134-
table-layout: auto;
135-
word-break: normal;
136-
}
137-
</style>
122+
@[template](/_contentTemplates/common/parameters-table-styles.md#table-layout)
138123

139124
| Parameter | Type and Default&nbsp;Value | Description |
140125
| --- | --- | --- |

0 commit comments

Comments
 (0)