Skip to content

Commit 0918d4a

Browse files
kendo-botkendo-bot
committed
Sync with Kendo UI Professional
1 parent 0fa7721 commit 0918d4a

File tree

6 files changed

+226
-23
lines changed

6 files changed

+226
-23
lines changed

‎docs-aspnet/html-helpers/data-management/grid/binding/custom-datasource.md‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -128,4 +128,3 @@ The following example demonstrates a CustomDataSourceBuilder definition.
128128
* [Custom DataSource for {{ site.framework }} (https://docs.telerik.com/{{ site.platform }}/html-helpers/datasource/custom-datasource)
129129
* [Server-Side API](/api/grid)
130130
* [Custom DataSource in Grid for {{ site.framework }} (Demo)](https://demos.telerik.com/{{ site.platform }}/grid/custom-datasource)
131-
{% endif %}

‎docs-aspnet/html-helpers/data-management/listview/binding/custom-datasource.md‎

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -99,4 +99,3 @@ The following example demonstrates a CustomDataSourceBuilder definition.
9999
* [Custom DataSource for {{ site.framework }} (https://docs.telerik.com/{{ site.platform }}/html-helpers/datasource/custom-datasource)
100100
* [Server-Side API](/api/listview)
101101
* [Custom DataSource in ListView for {{ site.framework }} (Demo)](https://demos.telerik.com/{{ site.platform }}/listview/custom-datasource)
102-
{% endif %}

‎docs-aspnet/html-helpers/navigation/bottomnavigation/appearance.md‎

Lines changed: 212 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -8,20 +8,180 @@ position: 3
88

99
# Appearance
1010

11-
The Telerik BottomNavigation for {{ site.framework }} allows you to alter the appearance of the component by setting its [ItemFlow](https://docs.telerik.com/{{ site.platform }}/api/kendo.mvc.ui.fluent/bottomnavigationbuilder#itemflowkendomvcuibottomnavigationitemflow), [ThemeColor](https://docs.telerik.com/{{ site.platform }}/api/kendo.mvc.ui.fluent/bottomnavigationbuilder#themecolorkendomvcuibottomnavigationthemecolor), [Border](https://docs.telerik.com/{{ site.platform }}/api/kendo.mvc.ui.fluent/bottomnavigationbuilder#bordersystemboolean), [Shadow](https://docs.telerik.com/{{ site.platform }}/api/kendo.mvc.ui.fluent/bottomnavigationbuilder#shadowsystemboolean) and [Fill](https://docs.telerik.com/{{ site.platform }}/api/kendo.mvc.ui.fluent/bottomnavigationbuilder#fillkendomvcuibottomnavigationfill) options.
11+
In this article, you will find information about the styling options of the {{ site.product }} BottomNavigation that allow you to customize the overall component appearance based on your needs and preferences.
1212

13-
The example below demonstrates how to modify the appearance by using the above settings:
13+
For a complete example, refer to the [Appearance Demo of the BottomNavigation](https://demos.telerik.com/{{ site.platform }}/bottomnavigation/appearance).
14+
15+
## Options
16+
17+
The BottomNavigation component provides the following styling options:
18+
19+
- [`ItemFlow()`](#itemflow)—Sets the position of the labels against the items.
20+
- [`ThemeColor()`](#themecolor)—Specifies the color applied to the component.
21+
- [`Border()`](#border)—Toggles the border of the BottomNavigation.
22+
- [`Fill()`](#fill)—Defines how the color is applied to the BottomNavigation.
23+
- [`Shadow()`](#shadow)—Sets the shadow of the component.
24+
- [`PositionMode()`](#positionmode)—Determines the CSS position of the BottomNavigation in the page.
25+
26+
### ItemFlow
27+
28+
To control the the position of the text labels against the items, set the [`ItemFlow`](https://docs.telerik.com/{{ site.platform }}/api/kendo.mvc.ui.fluent/bottomnavigationbuilder#itemflowkendomvcuibottomnavigationitemflow) option to `Vertical` or `Horizonatal`.
29+
30+
```HtmlHelper
31+
@(Html.Kendo().BottomNavigation()
32+
.Name("bottomNavigation")
33+
.ItemFlow(BottomNavigationItemFlow.Vertical)
34+
.Items(i =>
35+
{
36+
i.Add().Text("Home").Data(new { view = "home" }).Icon("home").Selected(true);
37+
i.Add().Text("Calendar").Data(new { view = "calendar" }).Icon("calendar-date");
38+
i.Add().Text("Profile").Data(new { view = "profile" }).Icon("user");
39+
})
40+
)
41+
```
42+
{% if site.core %}
43+
```TagHelper
44+
@{
45+
var home = new { view = "home" };
46+
var calendar = new { view = "calendar" };
47+
var profile = new { view = "profile" };
48+
}
49+
50+
<kendo-bottomnavigation name="bottomNavigation" item-flow="BottomNavigationItemFlow.Vertical">
51+
<bottomnavigation-items>
52+
<bottomnavigation-item context-data="@home" text="Home" icon="home" selected="true"></bottomnavigation-item>
53+
<bottomnavigation-item context-data="@calendar" text="Calendar" icon="calendar-date"></bottomnavigation-item>
54+
<bottomnavigation-item context-data="@profile" text="Profile" icon="user"></bottomnavigation-item>
55+
</bottomnavigation-items>
56+
</kendo-bottomnavigation>
57+
```
58+
{% endif %}
59+
60+
### ThemeColor
61+
62+
The [`ThemeColor`](https://docs.telerik.com/{{ site.platform }}/api/kendo.mvc.ui.fluent/bottomnavigationbuilder#themecolorkendomvcuibottomnavigationthemecolor) configuration provides a variety of colors that can be applied to the component. The available options are:
63+
64+
- `Default`
65+
- `Primary`
66+
- `Secondary`
67+
- `Tertiary`
68+
- `Info`
69+
- `Success`
70+
- `Warning`
71+
- `Error`
72+
- `Dark`
73+
- `Light`
74+
- `Inverse`
75+
- `Inherit` (no coloring will be applied)
76+
77+
The default `ThemeColor` is `Primary`.
78+
79+
```HtmlHelper
80+
@(Html.Kendo().BottomNavigation()
81+
.Name("bottomNavigation")
82+
.ThemeColor(BottomNavigationThemeColor.Info)
83+
.Items(i =>
84+
{
85+
i.Add().Text("Home").Data(new { view = "home" }).Icon("home").Selected(true);
86+
i.Add().Text("Calendar").Data(new { view = "calendar" }).Icon("calendar-date");
87+
i.Add().Text("Profile").Data(new { view = "profile" }).Icon("user");
88+
})
89+
)
90+
```
91+
{% if site.core %}
92+
```TagHelper
93+
@{
94+
var home = new { view = "home" };
95+
var calendar = new { view = "calendar" };
96+
var profile = new { view = "profile" };
97+
}
98+
99+
<kendo-bottomnavigation name="bottomNavigation" theme-color="BottomNavigationThemeColor.Info">
100+
<bottomnavigation-items>
101+
<bottomnavigation-item context-data="@home" text="Home" icon="home" selected="true"></bottomnavigation-item>
102+
<bottomnavigation-item context-data="@calendar" text="Calendar" icon="calendar-date"></bottomnavigation-item>
103+
<bottomnavigation-item context-data="@profile" text="Profile" icon="user"></bottomnavigation-item>
104+
</bottomnavigation-items>
105+
</kendo-bottomnavigation>
106+
```
107+
{% endif %}
108+
109+
### Border
110+
111+
You can toggle the visibility of the border around the BottomNavigation through the [`Border()`](https://docs.telerik.com/{{ site.platform }}/api/kendo.mvc.ui.fluent/bottomnavigationbuilder#bordersystemboolean) option. By default, the border is visible.
14112

15113
```HtmlHelper
16114
@(Html.Kendo().BottomNavigation()
17115
.Name("bottomNavigation")
18-
.PositionMode(BottomNavigationPositionMode.Absolute)
19-
.ItemFlow( BottomNavigationItemFlow.Horizontal)
20-
.Fill( BottomNavigationFill.Solid)
21116
.Border(false)
117+
.Items(i =>
118+
{
119+
i.Add().Text("Home").Data(new { view = "home" }).Icon("home").Selected(true);
120+
i.Add().Text("Calendar").Data(new { view = "calendar" }).Icon("calendar-date");
121+
i.Add().Text("Profile").Data(new { view = "profile" }).Icon("user");
122+
})
123+
)
124+
```
125+
{% if site.core %}
126+
```TagHelper
127+
@{
128+
var home = new { view = "home" };
129+
var calendar = new { view = "calendar" };
130+
var profile = new { view = "profile" };
131+
}
132+
133+
<kendo-bottomnavigation name="bottomNavigation" border="false">
134+
<bottomnavigation-items>
135+
<bottomnavigation-item context-data="@home" text="Home" icon="home" selected="true"></bottomnavigation-item>
136+
<bottomnavigation-item context-data="@calendar" text="Calendar" icon="calendar-date"></bottomnavigation-item>
137+
<bottomnavigation-item context-data="@profile" text="Profile" icon="user"></bottomnavigation-item>
138+
</bottomnavigation-items>
139+
</kendo-bottomnavigation>
140+
```
141+
{% endif %}
142+
143+
### Fill
144+
145+
The [`Fill()`](https://docs.telerik.com/{{ site.platform }}/api/kendo.mvc.ui.fluent/bottomnavigationbuilder#fillkendomvcuibottomnavigationfill) method specifies how the color is applied to the component. The default fill mode of the BottomNavigation is `Flat`.
146+
147+
```HtmlHelper
148+
@(Html.Kendo().BottomNavigation()
149+
.Name("bottomNavigation")
150+
.Fill(BottomNavigationFill.Solid)
151+
.Items(i =>
152+
{
153+
i.Add().Text("Home").Data(new { view = "home" }).Icon("home").Selected(true);
154+
i.Add().Text("Calendar").Data(new { view = "calendar" }).Icon("calendar-date");
155+
i.Add().Text("Profile").Data(new { view = "profile" }).Icon("user");
156+
})
157+
)
158+
```
159+
{% if site.core %}
160+
```TagHelper
161+
@{
162+
var home = new { view = "home" };
163+
var calendar = new { view = "calendar" };
164+
var profile = new { view = "profile" };
165+
}
166+
167+
<kendo-bottomnavigation name="bottomNavigation" fill="BottomNavigationFill.Solid">
168+
<bottomnavigation-items>
169+
<bottomnavigation-item context-data="@home" text="Home" icon="home" selected="true"></bottomnavigation-item>
170+
<bottomnavigation-item context-data="@calendar" text="Calendar" icon="calendar-date"></bottomnavigation-item>
171+
<bottomnavigation-item context-data="@profile" text="Profile" icon="user"></bottomnavigation-item>
172+
</bottomnavigation-items>
173+
</kendo-bottomnavigation>
174+
```
175+
{% endif %}
176+
177+
### Shadow
178+
179+
By default, the BottomNavigation does not have a [`box-shadow`](https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow) CSS property. You can add a shadow effect by using the [`Shadow()`](https://docs.telerik.com/{{ site.platform }}/api/kendo.mvc.ui.fluent/bottomnavigationbuilder#shadowsystemboolean) option.
180+
181+
```HtmlHelper
182+
@(Html.Kendo().BottomNavigation()
183+
.Name("bottomNavigation")
22184
.Shadow(true)
23-
.ThemeColor( BottomNavigationThemeColor.Dark)
24-
.HtmlAttributes(new { style = "bottom:0;" })
25185
.Items(i =>
26186
{
27187
i.Add().Text("Home").Data(new { view = "home" }).Icon("home").Selected(true);
@@ -32,21 +192,47 @@ The example below demonstrates how to modify the appearance by using the above s
32192
```
33193
{% if site.core %}
34194
```TagHelper
35-
@addTagHelper *, Kendo.Mvc
36195
@{
37-
var home = new { view= "home" };
196+
var home = new { view = "home" };
197+
var calendar = new { view = "calendar" };
198+
var profile = new { view = "profile" };
199+
}
200+
201+
<kendo-bottomnavigation name="bottomNavigation" shadow="true">
202+
<bottomnavigation-items>
203+
<bottomnavigation-item context-data="@home" text="Home" icon="home" selected="true"></bottomnavigation-item>
204+
<bottomnavigation-item context-data="@calendar" text="Calendar" icon="calendar-date"></bottomnavigation-item>
205+
<bottomnavigation-item context-data="@profile" text="Profile" icon="user"></bottomnavigation-item>
206+
</bottomnavigation-items>
207+
</kendo-bottomnavigation>
208+
```
209+
{% endif %}
210+
211+
### PositionMode
212+
213+
The CSS position of the BottomNavigation in the document can be defined through the [`PositionMode()`](https://docs.telerik.com/{{ site.platform }}/api/kendo.mvc.ui.fluent/bottomnavigationbuilder#positionmodekendomvcuibottomnavigationpositionmode) method. The default position of the component is `Fixed`.
214+
215+
```HtmlHelper
216+
@(Html.Kendo().BottomNavigation()
217+
.Name("bottomNavigation")
218+
.PositionMode(BottomNavigationPositionMode.Absolute)
219+
.Items(i =>
220+
{
221+
i.Add().Text("Home").Data(new { view = "home" }).Icon("home").Selected(true);
222+
i.Add().Text("Calendar").Data(new { view = "calendar" }).Icon("calendar-date");
223+
i.Add().Text("Profile").Data(new { view = "profile" }).Icon("user");
224+
})
225+
)
226+
```
227+
{% if site.core %}
228+
```TagHelper
229+
@{
230+
var home = new { view = "home" };
38231
var calendar = new { view = "calendar" };
39232
var profile = new { view = "profile" };
40-
}
41-
<kendo-bottomnavigation
42-
name="bottomNavigation"
43-
position-mode="BottomNavigationPositionMode.Absolute"
44-
item-flow="BottomNavigationItemFlow.Horizontal"
45-
fill="BottomNavigationFill.Solid"
46-
border="false"
47-
shadow="true"
48-
theme-color="BottomNavigationThemeColor.Dark"
49-
style="bottom:0;">
233+
}
234+
235+
<kendo-bottomnavigation name="bottomNavigation" position-mode="BottomNavigationPositionMode.Absolute">
50236
<bottomnavigation-items>
51237
<bottomnavigation-item context-data="@home" text="Home" icon="home" selected="true"></bottomnavigation-item>
52238
<bottomnavigation-item context-data="@calendar" text="Calendar" icon="calendar-date"></bottomnavigation-item>
@@ -56,7 +242,14 @@ The example below demonstrates how to modify the appearance by using the above s
56242
```
57243
{% endif %}
58244

245+
The following values are available for the `PositionMode` option:
246+
247+
- `Absolute`
248+
- `Fixed`
249+
- `Sticky`
250+
59251
## See Also
60252

61253
* [Appearance of the BottomNavigation HtmlHelper for {{ site.framework }} (Demo)](https://demos.telerik.com/{{ site.platform }}/bottomnavigation/appearance)
62254
* [Server-Side API](/api/bottomnavigation)
255+
* [Client-Side API](https://docs.telerik.com/kendo-ui/api/javascript/ui/bottomnavigation)

‎docs/knowledge-base/dojo-snippets-list-faq.md‎

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -21,11 +21,11 @@ This KB also answers the following questions:
2121

2222
The Dojo no longer supports registered accounts. You can keep on creating snippets and sharing them with others, however they will not be linked to a specific account.
2323

24-
The main functionality that has been removed, is the snippets list that was previously accessible through the `/snippets` page. On this page, you were previously able to view a list of all of the snippets created by that account. This page will no longer be available. If you want to keep track of the created snippets, you have to either bookmark them or save them in a place of your choose.
24+
The main functionality that has been removed, is the snippets list that was previously accessible through the `/snippets` page. On this page, you were previously able to view a list of all of the snippets created by that account. This page will no longer be available. If you want to keep track of the created snippets, you have to either bookmark them or save them in a place of your choice.
2525

2626
## Solution
2727

28-
> Please contact us before the 3rd of April 2025(04/03/2025) for a list of your snippets. After that, this information will be erased and we won't be able to retrieve account-specific lists.
28+
> Please contact us before the 3rd of April 2025(04/03/2025) for a list of snippets created using your account. After that, this information will be erased and we won't be able to retrieve account-specific lists.
2929
3030
The existing snippets WILL NOT be removed. All of the snippets that have been created over the years will remain available, including the ones created with your account. The urls of these snippets will remain unchanged.
3131

‎src/kendo.numerictextbox.js‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -387,6 +387,7 @@ var __meta__ = {
387387

388388
focus: function() {
389389
this._focusin();
390+
this.selectValue();
390391
},
391392

392393
_adjust: function(value) {

‎tests/numerictextbox/api.js‎

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -458,6 +458,17 @@
458458
}, 200);
459459
});
460460

461+
it("focus method should select the text when selectOnFocus is enabled", function(done) {
462+
var textbox = new NumericTextBox(input, { selectOnFocus: true, value: 15 });
463+
464+
textbox.focus();
465+
466+
setTimeout(function() {
467+
assert.equal(input[0].value.substring(input[0].selectionStart, input[0].selectionEnd), "15");
468+
done();
469+
}, 100);
470+
});
471+
461472
it("on blur should hide input text", function() {
462473
var textbox = new NumericTextBox(input);
463474

0 commit comments

Comments
 (0)