-
Notifications
You must be signed in to change notification settings - Fork 102
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Fix new demo descriptions after review (#3059)
- Loading branch information
1 parent
66c9fd3
commit 96725f9
Showing
4 changed files
with
18 additions
and
18 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,5 +1,5 @@ | ||
This demo shows how to use the [offset](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/#offset) property that specifies the minute offset within Scheduler, indicating the starting point of a day. The offset is a multiple of 5 and can range from -1440 minutes (-24 hours) to 1440 minutes (24 hours). | ||
This demo uses the Scheduler component’s [offset](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/#offset) property to indicate the starting point of a day. The Scheduler’s offset can be set in multiples of 5 and can range from -1440 minutes (-24 hours) to 1440 minutes (24 hours). | ||
|
||
For instance, if you set the offset to -120, like the **First shift** in the demo, the day starts at 10:00 PM on the previous day instead of 00:00. If you set the offset to 360, like the **Second shift**, the day starts at 6:00 AM. | ||
For instance, if you set the offset to -120, like the **First shift** in this demo, the day begins at 10:00 PM on the previous day instead of 00:00. If you set the offset to 360, like the **Second shift**, the day begins at 6:00 AM. | ||
|
||
You can also combine this property with [startDayHour](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/#startDayHour), [endDayHour](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/#endDayHour), and [cellDuration](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/#cellDuration) to get the necessary result. | ||
You can also combine this property with [startDayHour](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/#startDayHour), [endDayHour](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/#endDayHour), and [cellDuration](/Documentation/ApiReference/UI_Components/dxScheduler/Configuration/#cellDuration) to obtain desired display results. |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,15 +1,15 @@ | ||
The [TabPanel](/Documentation/ApiReference/UI_Components/dxTabPanel/) UI component consists of [Tabs](/Documentation/ApiReference/UI_Components/dxTabs/) and [MultiView](/Documentation/ApiReference/UI_Components/dxMultiView/) components. The TabPanel automatically synchronizes the selected tab with the currently displayed view and vice versa. | ||
The [TabPanel](/Documentation/ApiReference/UI_Components/dxTabPanel/) UI component includes both the [Tabs](/Documentation/ApiReference/UI_Components/dxTabs/) and [MultiView](/Documentation/ApiReference/UI_Components/dxMultiView/) components. The TabPanel automatically synchronizes the selected tab with the currently displayed view (and vice versa). | ||
|
||
To get started with the DevExtreme TabPanel component, refer to the following tutorial for step-by-step instructions: [Getting Started with TabPanel](/Documentation/Guide/UI_Components/TabPanel/Getting_Started_with_TabPanel/). | ||
To get started with the DevExtreme TabPanel component, refer to the following step-by-step tutorial: [Getting Started with TabPanel](/Documentation/Guide/UI_Components/TabPanel/Getting_Started_with_TabPanel/). | ||
|
||
## Generate Similar Tabs Based on a Data Source | ||
|
||
To generate similar tabs and views, bind the TabPanel to data. Use the [items](/Documentation/ApiReference/UI_Components/dxTabPanel/Configuration/items/) or [dataSource](/Documentation/ApiReference/UI_Components/dxTabPanel/Configuration/#dataSource) property to do this. Both these properties can work with local arrays, but **dataSource** also accepts a [DataSource](/Documentation/ApiReference/Data_Layer/DataSource/) object. You can use this object if you need to process the local array or fetch the array from a remote data source. In this demo, the **dataSource** property is set to a local array. | ||
To generate similar tabs and views, bind the TabPanel to data (using the [items](/Documentation/ApiReference/UI_Components/dxTabPanel/Configuration/items/) or [dataSource](/Documentation/ApiReference/UI_Components/dxTabPanel/Configuration/#dataSource) property). Both these properties can work with local arrays, but **dataSource** also accepts a [DataSource](/Documentation/ApiReference/Data_Layer/DataSource/) object. You can use this object if you need to process the local array or fetch the array from a remote data source. In this demo, the **dataSource** property is set to a local array. | ||
|
||
Each object in the **items[]** or **dataSource** array can contain predefined fields, such as **title** or **icon** (see the [items[]](/Documentation/ApiReference/UI_Components/dxTabPanel/Configuration/items/) section for the full list). The TabPanel automatically recognizes these fields and creates the default tab and view appearance based on them. | ||
|
||
## Customize Tab Contents and Appearance | ||
|
||
You can initialize a tab’s contents (text, icons and badges) with values from underlying data objects. | ||
You can initialize tab contents (text, icons and badges) with values from underlying data objects. | ||
|
||
Use the drop-down editors on the right to change the tab [position](/Documentation/ApiReference/UI_Components/dxTabPanel/Configuration/#tabsPosition), [styling mode](/Documentation/ApiReference/UI_Components/dxTabPanel/Configuration/#stylingMode), and [icon position](/Documentation/ApiReference/UI_Components/dxTabPanel/Configuration/#iconPosition). | ||
Use the drop-down editors on the right to change tab [position](/Documentation/ApiReference/UI_Components/dxTabPanel/Configuration/#tabsPosition), [styling mode](/Documentation/ApiReference/UI_Components/dxTabPanel/Configuration/#stylingMode), and [icon position](/Documentation/ApiReference/UI_Components/dxTabPanel/Configuration/#iconPosition). |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters