Sync with Kendo UI Professional

docs-aspnet/how-to/build-team-efficiency-dashboard/overview.md → docs-aspnet/getting-started-mvc/build-team-efficiency-dashboard/overview.md

@@ -44,13 +44,13 @@ However, the Telerik UI for ASP.NET MVC wrappers provide additional capabilities
 
 ## Next Steps
 
-* [Step 1: Getting Up and Running]({% slug gettingupandrunning_timeefficiencyapp_aspnetmvc6 %})
-* [Step 2: Input Controls]({% slug input_controls_timeefficiencyapp_aspnetmvc6 %})
-* [Step 3: Scaffolding]({% slug scaffolding_timeefficiencyapp_aspnetmvc6 %})
-* [Step 4: Add and Configure the Telerik UI Grid]({% slug telerikui_grid_timeefficiencyapp_aspnetmvc6 %})
-* [Step 5: Add and Configure the Telerik UI ListView]({% slug telerikui_listview_timeefficiencyapp_aspnetmvc6 %})
-* [Step 6: Manage the Client Side]({% slug client_side_timeefficiencyapp_aspnetmvc6 %})
-* [Step 7: Handle the Telerik UI Datasource]({% slug telerikui_datasource_timeefficiencyapp_aspnetmvc6 %})
-* [Step 8: Add and Configure the Telerik UI Charts]({% slug telerikui_charts_timeefficiencyapp_aspnetmvc6 %})
-* [Step 9: Make the Application Responsive]({% slug go_responsive_timeefficiencyapp_aspnetmvc6 %})
-* [Step 10: Add and Configure the Kendo UI Themes]({% slug kendoui_themes_timeefficiencyapp_aspnetmvc6 %})
+* [Step 1: Getting Up and Running](https://docs.telerik.com/aspnet-mvc/getting-started/build-team-efficiency-dashboard/gettingupandrunning)
+* [Step 2: Input Controls](https://docs.telerik.com/aspnet-mvc/getting-started/build-team-efficiency-dashboard/input-controls)
+* [Step 3: Scaffolding](https://docs.telerik.com/aspnet-mvc/getting-started/build-team-efficiency-dashboard/scaffolding)
+* [Step 4: Add and Configure the Telerik UI Grid](https://docs.telerik.com/aspnet-mvc/getting-started/build-team-efficiency-dashboard/telerikui-grid)
+* [Step 5: Add and Configure the Telerik UI ListView](https://docs.telerik.com/aspnet-mvc/getting-started/build-team-efficiency-dashboard/telerikui-listview)
+* [Step 6: Manage the Client Side](https://docs.telerik.com/aspnet-mvc/getting-started/build-team-efficiency-dashboard/client-side)
+* [Step 7: Handle the Telerik UI Datasource](https://docs.telerik.com/aspnet-mvc/getting-started/build-team-efficiency-dashboard/telerikui-datasource)
+* [Step 8: Add and Configure the Telerik UI Charts](https://docs.telerik.com/aspnet-mvc/getting-started/build-team-efficiency-dashboard/telerikui-charts)
+* [Step 9: Make the Application Responsive](https://docs.telerik.com/aspnet-mvc/getting-started/build-team-efficiency-dashboard/go-responsive)
+* [Step 10: Add and Configure the Kendo UI Themes](https://docs.telerik.com/aspnet-mvc/getting-started/build-team-efficiency-dashboard/kendoui-themes)

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

@@ -128,4 +128,3 @@ The following example demonstrates a CustomDataSourceBuilder definition.
 * [Custom DataSource for {{ site.framework }} (https://docs.telerik.com/{{ site.platform }}/html-helpers/datasource/custom-datasource)
 * [Server-Side API](/api/grid)
 * [Custom DataSource in Grid for {{ site.framework }} (Demo)](https://demos.telerik.com/{{ site.platform }}/grid/custom-datasource)
-{% endif %}

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

@@ -99,4 +99,3 @@ The following example demonstrates a CustomDataSourceBuilder definition.
 * [Custom DataSource for {{ site.framework }} (https://docs.telerik.com/{{ site.platform }}/html-helpers/datasource/custom-datasource)
 * [Server-Side API](/api/listview)
 * [Custom DataSource in ListView for {{ site.framework }} (Demo)](https://demos.telerik.com/{{ site.platform }}/listview/custom-datasource)
-{% endif %}

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

@@ -8,20 +8,180 @@ position: 3
 
 # Appearance
 
-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.
+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.
 
-The example below demonstrates how to modify the appearance by using the above settings:
+For a complete example, refer to the [Appearance Demo of the BottomNavigation](https://demos.telerik.com/{{ site.platform }}/bottomnavigation/appearance).
+
+## Options
+
+The BottomNavigation component provides the following styling options:
+
+- [`ItemFlow()`](#itemflow)—Sets the position of the labels against the items.
+- [`ThemeColor()`](#themecolor)—Specifies the color applied to the component.
+- [`Border()`](#border)—Toggles the border of the BottomNavigation.
+- [`Fill()`](#fill)—Defines how the color is applied to the BottomNavigation.
+- [`Shadow()`](#shadow)—Sets the shadow of the component.
+- [`PositionMode()`](#positionmode)—Determines the CSS position of the BottomNavigation in the page.
+
+### ItemFlow
+
+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`.
+
+```HtmlHelper
+    @(Html.Kendo().BottomNavigation()
+        .Name("bottomNavigation")
+        .ItemFlow(BottomNavigationItemFlow.Vertical)
+        .Items(i =>
+        {
+            i.Add().Text("Home").Data(new { view = "home" }).Icon("home").Selected(true);
+            i.Add().Text("Calendar").Data(new { view = "calendar" }).Icon("calendar-date");
+            i.Add().Text("Profile").Data(new { view = "profile" }).Icon("user");
+        })
+    )
+```
+{% if site.core %}
+```TagHelper
+    @{
+        var home = new { view = "home" };
+        var calendar = new { view = "calendar" };
+        var profile = new { view = "profile" };
+    }
+
+    <kendo-bottomnavigation name="bottomNavigation" item-flow="BottomNavigationItemFlow.Vertical">
+        <bottomnavigation-items>
+            <bottomnavigation-item context-data="@home" text="Home" icon="home" selected="true"></bottomnavigation-item>
+            <bottomnavigation-item context-data="@calendar" text="Calendar" icon="calendar-date"></bottomnavigation-item>
+            <bottomnavigation-item context-data="@profile" text="Profile" icon="user"></bottomnavigation-item>
+        </bottomnavigation-items>
+    </kendo-bottomnavigation>
+```
+{% endif %}
+
+### ThemeColor
+
+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:
+
+- `Default`
+- `Primary`
+- `Secondary`
+- `Tertiary`
+- `Info`
+- `Success`
+- `Warning`
+- `Error`
+- `Dark`
+- `Light`
+- `Inverse`
+- `Inherit` (no coloring will be applied)
+
+The default `ThemeColor` is `Primary`.
+
+```HtmlHelper
+    @(Html.Kendo().BottomNavigation()
+        .Name("bottomNavigation")
+        .ThemeColor(BottomNavigationThemeColor.Info)
+        .Items(i =>
+        {
+            i.Add().Text("Home").Data(new { view = "home" }).Icon("home").Selected(true);
+            i.Add().Text("Calendar").Data(new { view = "calendar" }).Icon("calendar-date");
+            i.Add().Text("Profile").Data(new { view = "profile" }).Icon("user");
+        })
+    )
+```
+{% if site.core %}
+```TagHelper
+    @{
+        var home = new { view = "home" };
+        var calendar = new { view = "calendar" };
+        var profile = new { view = "profile" };
+    }
+
+    <kendo-bottomnavigation name="bottomNavigation" theme-color="BottomNavigationThemeColor.Info">
+        <bottomnavigation-items>
+            <bottomnavigation-item context-data="@home" text="Home" icon="home" selected="true"></bottomnavigation-item>
+            <bottomnavigation-item context-data="@calendar" text="Calendar" icon="calendar-date"></bottomnavigation-item>
+            <bottomnavigation-item context-data="@profile" text="Profile" icon="user"></bottomnavigation-item>
+        </bottomnavigation-items>
+    </kendo-bottomnavigation>
+```
+{% endif %}
+
+### Border
+
+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.
 
 ```HtmlHelper
     @(Html.Kendo().BottomNavigation()
         .Name("bottomNavigation")
-        .PositionMode(BottomNavigationPositionMode.Absolute)
-        .ItemFlow( BottomNavigationItemFlow.Horizontal)
-        .Fill( BottomNavigationFill.Solid)
         .Border(false)
+        .Items(i =>
+        {
+            i.Add().Text("Home").Data(new { view = "home" }).Icon("home").Selected(true);
+            i.Add().Text("Calendar").Data(new { view = "calendar" }).Icon("calendar-date");
+            i.Add().Text("Profile").Data(new { view = "profile" }).Icon("user");
+        })
+    )
+```
+{% if site.core %}
+```TagHelper
+    @{
+        var home = new { view = "home" };
+        var calendar = new { view = "calendar" };
+        var profile = new { view = "profile" };
+    }
+
+    <kendo-bottomnavigation name="bottomNavigation" border="false">
+        <bottomnavigation-items>
+            <bottomnavigation-item context-data="@home" text="Home" icon="home" selected="true"></bottomnavigation-item>
+            <bottomnavigation-item context-data="@calendar" text="Calendar" icon="calendar-date"></bottomnavigation-item>
+            <bottomnavigation-item context-data="@profile" text="Profile" icon="user"></bottomnavigation-item>
+        </bottomnavigation-items>
+    </kendo-bottomnavigation>
+```
+{% endif %}
+
+### Fill
+
+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`.
+
+```HtmlHelper
+    @(Html.Kendo().BottomNavigation()
+        .Name("bottomNavigation")
+        .Fill(BottomNavigationFill.Solid)
+        .Items(i =>
+        {
+            i.Add().Text("Home").Data(new { view = "home" }).Icon("home").Selected(true);
+            i.Add().Text("Calendar").Data(new { view = "calendar" }).Icon("calendar-date");
+            i.Add().Text("Profile").Data(new { view = "profile" }).Icon("user");
+        })
+    )
+```
+{% if site.core %}
+```TagHelper
+    @{
+        var home = new { view = "home" };
+        var calendar = new { view = "calendar" };
+        var profile = new { view = "profile" };
+    }
+
+    <kendo-bottomnavigation name="bottomNavigation" fill="BottomNavigationFill.Solid">
+        <bottomnavigation-items>
+            <bottomnavigation-item context-data="@home" text="Home" icon="home" selected="true"></bottomnavigation-item>
+            <bottomnavigation-item context-data="@calendar" text="Calendar" icon="calendar-date"></bottomnavigation-item>
+            <bottomnavigation-item context-data="@profile" text="Profile" icon="user"></bottomnavigation-item>
+        </bottomnavigation-items>
+    </kendo-bottomnavigation>
+```
+{% endif %}
+
+### Shadow
+
+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.
+
+```HtmlHelper
+    @(Html.Kendo().BottomNavigation()
+        .Name("bottomNavigation")
         .Shadow(true)
-        .ThemeColor( BottomNavigationThemeColor.Dark)
-        .HtmlAttributes(new { style = "bottom:0;" })
         .Items(i =>
         {
             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
 ```
 {% if site.core %}
 ```TagHelper
-    @addTagHelper *, Kendo.Mvc
     @{
-        var home = new { view= "home" };
+        var home = new { view = "home" };
+        var calendar = new { view = "calendar" };
+        var profile = new { view = "profile" };
+    }
+
+    <kendo-bottomnavigation name="bottomNavigation" shadow="true">
+        <bottomnavigation-items>
+            <bottomnavigation-item context-data="@home" text="Home" icon="home" selected="true"></bottomnavigation-item>
+            <bottomnavigation-item context-data="@calendar" text="Calendar" icon="calendar-date"></bottomnavigation-item>
+            <bottomnavigation-item context-data="@profile" text="Profile" icon="user"></bottomnavigation-item>
+        </bottomnavigation-items>
+    </kendo-bottomnavigation>
+```
+{% endif %}
+
+### PositionMode
+
+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`.
+
+```HtmlHelper
+    @(Html.Kendo().BottomNavigation()
+        .Name("bottomNavigation")
+        .PositionMode(BottomNavigationPositionMode.Absolute)
+        .Items(i =>
+        {
+            i.Add().Text("Home").Data(new { view = "home" }).Icon("home").Selected(true);
+            i.Add().Text("Calendar").Data(new { view = "calendar" }).Icon("calendar-date");
+            i.Add().Text("Profile").Data(new { view = "profile" }).Icon("user");
+        })
+    )
+```
+{% if site.core %}
+```TagHelper
+    @{
+        var home = new { view = "home" };
         var calendar = new { view = "calendar" };
         var profile = new { view = "profile" };
-    }  
-    <kendo-bottomnavigation
-        name="bottomNavigation"
-        position-mode="BottomNavigationPositionMode.Absolute"
-        item-flow="BottomNavigationItemFlow.Horizontal"
-        fill="BottomNavigationFill.Solid"
-        border="false"
-        shadow="true"
-        theme-color="BottomNavigationThemeColor.Dark"
-        style="bottom:0;">
+    }
+
+    <kendo-bottomnavigation name="bottomNavigation" position-mode="BottomNavigationPositionMode.Absolute">
         <bottomnavigation-items>
             <bottomnavigation-item context-data="@home" text="Home" icon="home" selected="true"></bottomnavigation-item>
             <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
 ```
 {% endif %}
 
+The following values are available for the `PositionMode` option:
+
+- `Absolute`
+- `Fixed`
+- `Sticky`
+
 ## See Also
 
 * [Appearance of the BottomNavigation HtmlHelper for {{ site.framework }} (Demo)](https://demos.telerik.com/{{ site.platform }}/bottomnavigation/appearance)
 * [Server-Side API](/api/bottomnavigation)
+* [Client-Side API](https://docs.telerik.com/kendo-ui/api/javascript/ui/bottomnavigation)

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

@@ -21,11 +21,11 @@ This KB also answers the following questions:
 
 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.
 
-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.
+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.
 
 ## Solution
 
-> 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.
+> 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.
 
 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.
 

src/kendo.numerictextbox.js

@@ -387,6 +387,7 @@ var __meta__ = {
 
         focus: function() {
             this._focusin();
+            this.selectValue();
         },
 
         _adjust: function(value) {

tests/numerictextbox/api.js

@@ -458,6 +458,17 @@
             }, 200);
         });
 
+        it("focus method should select the text when selectOnFocus is enabled", function(done) {
+            var textbox = new NumericTextBox(input, { selectOnFocus: true, value: 15 });
+
+            textbox.focus();
+
+            setTimeout(function() {
+                assert.equal(input[0].value.substring(input[0].selectionStart, input[0].selectionEnd), "15");
+                done();
+            }, 100);
+        });
+
         it("on blur should hide input text", function() {
             var textbox = new NumericTextBox(input);