Skip to content

Commit 26f7d32

Browse files
arman-boyakhchyanarman-boyakhchyan
authored
Scheduler: update Customize Toolbar demo description (#30041)
1 parent a1fcf34 commit 26f7d32

File tree

3 files changed

+52
-10
lines changed

3 files changed

+52
-10
lines changed

‎apps/demos/Demos/Scheduler/Toolbar/React/description.md‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
The DevExtreme Scheduler displays a toolbar that can be customized. You can populate the toolbar with predefined and custom items in any order. This demo implements an example of toolbar customization.
2+
<!--split-->
3+
4+
To customize the toolbar, add items to the [toolbar](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/toolbar/).[items[]](/Documentation/25_1/ApiReference/UI_Components/dxScheduler/Configuration/toolbar/items/) array. The Scheduler supports the following types of toolbar items:
5+
6+
- **Predefined Controls**
7+
* "dateNavigator"
8+
Displays a [ButtonGroup](/Documentation/Guide/UI_Components/ButtonGroup/Getting_Started_with_ButtonGroup/) component with next/previous buttons and a date interval button that invokes a dropdown calendar. Define [options](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/toolbar/items/#options).**items** to customize the control. You can add new buttons, and specify button availability and order.
9+
* "viewSwitcher"
10+
Switches between view types (day, week, month, and others).
11+
* "today"
12+
A "Today" button that navigates to the current date.
13+
14+
- **DevExtreme Components**
15+
You can configure a DevExtreme component within a toolbar item element. In this demo, we extended the toolbar with a [Button](/Documentation/Guide/UI_Components/Button/Overview/) and [SelectBox](/Documentation/Guide/UI_Components/SelectBox/Overview/).
16+
17+
- **Custom Controls**
18+
Specify **items[]**.[render](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/toolbar/items/#render) or [component](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/toolbar/items/#component) to implement custom controls.
19+
20+
The default Scheduler toolbar displays "dateNavigator" and "viewSwitcher" predefined controls. This demo adds the "today" predefined control and two DevExtreme components to the toolbar.

‎apps/demos/Demos/Scheduler/Toolbar/ReactJs/description.md‎

Lines changed: 20 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,20 @@
1+
The DevExtreme Scheduler displays a toolbar that you can customize. You can populate the toolbar with predefined and custom items in any order. This demo implements an example of toolbar customization.
2+
<!--split-->
3+
4+
To customize the toolbar, add items to the [toolbar](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/toolbar/).[items[]](/Documentation/25_1/ApiReference/UI_Components/dxScheduler/Configuration/toolbar/items/) array. The Scheduler supports the following types of toolbar items:
5+
6+
- **Predefined Controls**
7+
* "dateNavigator"
8+
Displays a [ButtonGroup](/Documentation/Guide/UI_Components/ButtonGroup/Getting_Started_with_ButtonGroup/) component with next/previous buttons and a date interval button that invokes a dropdown calendar. Define [options](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/toolbar/items/#options).**items** to customize the control. You can add new buttons, and specify button availability and order.
9+
* "viewSwitcher"
10+
Switches between view types (day, week, month, and others).
11+
* "today"
12+
A "Today" button that navigates to the current date.
13+
14+
- **DevExtreme Components**
15+
You can configure a DevExtreme component within a toolbar item element. In this demo, we extended the toolbar with a [Button](/Documentation/Guide/UI_Components/Button/Overview/) and [SelectBox](/Documentation/Guide/UI_Components/SelectBox/Overview/).
16+
17+
- **Custom Controls**
18+
Specify **items[]**.[render](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/toolbar/items/#render) or [component](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/toolbar/items/#component) to implement custom controls.
19+
20+
The default Scheduler toolbar displays "dateNavigator" and "viewSwitcher" predefined controls. This demo adds the "today" predefined control and two DevExtreme components to the toolbar.

‎apps/demos/Demos/Scheduler/Toolbar/description.md‎

Lines changed: 12 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,20 @@
1-
DevExtreme Scheduler can display a toolbar. You can populate the toolbar with predefined and custom items, in any order. This demo implements an example of toolbar customization.
1+
The DevExtreme Scheduler displays a toolbar that you can customize. You can populate the toolbar with predefined and custom items in any order. This demo implements an example of toolbar customization.
22
<!--split-->
33

4-
To customize the toolbar, add items to the [toolbar](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/toolbar/).[items[]](/Documentation/25_1/ApiReference/UI_Components/dxScheduler/Configuration/toolbar/items/) array. Scheduler supports the following types of toolbar items:
4+
To customize the toolbar, add items to the [toolbar](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/toolbar/).[items[]](/Documentation/25_1/ApiReference/UI_Components/dxScheduler/Configuration/toolbar/items/) array. The Scheduler supports the following types of toolbar items:
55

6-
- Predefined Controls
7-
* dateNavigator
8-
Displays next/previous buttons and a date interval button that invokes a dropdown calendar. You can customize button availability and order.
9-
* viewSwitcher
6+
- **Predefined Controls**
7+
* "dateNavigator"
8+
Displays a [ButtonGroup](/Documentation/Guide/UI_Components/ButtonGroup/Getting_Started_with_ButtonGroup/) component with next/previous buttons and a date interval button that invokes a dropdown calendar. Define [options](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/toolbar/items/#options).**items** to customize the control. You can add new buttons, and specify button availability and order.
9+
* "viewSwitcher"
1010
Switches between view types (day, week, month, and others).
11-
* today
11+
* "today"
1212
A "Today" button that navigates to the current date.
1313

14-
- DevExtreme Components
15-
You can configure a DevExtreme component within a toolbar item element. In this demo, we extended the toolbar with a Button and SelectBox.
14+
- **DevExtreme Components**
15+
You can configure a DevExtreme component within a toolbar item element. In this demo, we extended the toolbar with a [Button](/Documentation/Guide/UI_Components/Button/Overview/) and [SelectBox](/Documentation/Guide/UI_Components/SelectBox/Overview/).
1616

17-
- Custom Controls
17+
- **Custom Controls**
1818
Specify **items[]**.[template](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/toolbar/items/#template) to implement custom controls.
19+
20+
The default Scheduler toolbar displays "dateNavigator" and "viewSwitcher" predefined controls. This demo adds the "today" predefined control and two DevExtreme components to the toolbar.

0 commit comments

Comments
 (0)