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.

0 commit comments

Comments
 (0)