8000 docs(ToolBar): add FillMode documentation (#2463) · telerik/blazor-docs@4a267c5 · GitHub
[go: up one dir, main page]
Skip to content

Commit 4a267c5

Browse files
NansiYanchevaNansiYancheva
authored
docs(ToolBar): add FillMode documentation (#2463)
* docs(ToolBar): add FillMode documentation * docs(Toolbar): update after review
1 parent a052a98 commit 4a267c5

File tree

1 file changed

+37
-1
lines changed

1 file changed

+37
-1
lines changed

‎components/toolbar/appearance.md

Lines changed: 37 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -12,6 +12,41 @@ position: 35
1212

1313
This article outlines the available ToolBar parameters, which control its appearance.
1414

15+
## FillMode
16+
17+
The `FillMode` parameter controls if the ToolBar will have a background and borders. To set the parameter value, use the `string` members of the static class `ThemeConstants.ToolBar.FillMode`.
18+
19+
| `FillMode` Class Member | String Value |
20+
| --- | --- |
21+
| `Solid` (default) | `"solid"` |
22+
| `Flat` | `"flat"` |
23+
| `Outline` | `"outline"` |
24+
25+
>caption The built-in fill modes
26+
27+
````CSHTML
28+
@{
29+
var fields = typeof(Telerik.Blazor.ThemeConstants.ToolBar.FillMode)
30+
.GetFields(System.Reflection.BindingFlags.Public
31+
| System.Reflection.BindingFlags.Static
32+
| System.Reflection.BindingFlags.FlattenHierarchy)
33+
.Where(field => field.IsLiteral && !field.IsInitOnly).ToList();
34+
35+
foreach (var field in fields)
36+
{
37+
string fillMode = field.GetValue(null).ToString();
38+
39+
<div style="float:left; margin: 20px;">
40+
<TelerikToolBar FillMode="@fillMode">
41+
<ToolBarButton Icon="@SvgIcon.Cut">Cut</ToolBarButton>
42+
<ToolBarButton Icon="@SvgIcon.Copy">Copy</ToolBarButton>
43+
<ToolBarButton Icon="@SvgIcon.Clipboard">Paste</ToolBarButton>
44+
</TelerikToolBar>
45+
</div>
46+
}
47+
}
48+
````
49+
1550
## Size
1651

1752
You can increase or decrease the size of the ToolBar by setting the `Size` parameter to a member of the `Telerik.Blazor.ThemeConstants.ToolBar.Size` class:
@@ -27,7 +62,8 @@ You can increase or decrease the size of the ToolBar by setting the `Size` param
2762
````CSHTML
2863
@{
2964
var fields = typeof(Telerik.Blazor.ThemeConstants.ToolBar.Size)
30-
.GetFields(System.Reflection.BindingFlags.Public | System.Reflection.BindingFlags.Static
65+
.GetFields(System.Reflection.BindingFlags.Public
66+
| System.Reflection.BindingFlags.Static
3167
| System.Reflection.BindingFlags.FlattenHierarchy)
3268
.Where(field => field.IsLiteral && !field.IsInitOnly).ToList();
3369

0 commit comments

Comments
 (0)
0