996709: Documentation for the Scheduler custom toolbar feature. #7270
Conversation
VijayakumarRSF4470
added
the
documentation
|
CI Status: FAILURE ❌ |
|
CI Status: FAILURE ❌ |
ravikumar-venkatesan-m
left a comment
ravikumar-venkatesan-m
left a comment
There was a problem hiding this comment.
Address the review corrections.
There was a problem hiding this comment.
Utilize the space to achieve a similar output as the EJ2 Scheduler custom toolbar sample.
|
|
||
| The Scheduler with view options within the header bar popup will be rendered as shown in the following image. | ||
|
|
||
|
|
There was a problem hiding this comment.
Remove this unwanted line.
| } | ||
| private void InitializeAppointments() | ||
| { | ||
| DataSource = new List<AppointmentData> |
There was a problem hiding this comment.
A single appointment for each resource will be enough. Totally 3 appointments.
| }; | ||
| } | ||
| private async void OnOwnerChange(ChangeEventArgs<int, OwnerData> args) | ||
| { |
There was a problem hiding this comment.
Utilize the Query similar to EJ2. Don't include any unnecessary code.
| <ScheduleToolBarToday /> | ||
| </ScheduleToolBar> | ||
| <ScheduleViews> | ||
| <ScheduleView Option="View.Week"></ScheduleView> |
There was a problem hiding this comment.
The month view alone will be enough, no other views required.
|
|
||
| ## Customizing header bar using template | ||
|
|
||
| Apart from the default date navigation and view options available on the header bar, you can add custom items into the Scheduler header bar by making use of the `ScheduleToolBar` child component along with `ScheduleToolBarCustom` for custom toolbar items. The Scheduler provides built-in toolbar components such as `ScheduleToolBarPrevious`, `ScheduleToolBarNext`, `ScheduleToolBarDateRange`, `ScheduleToolBarToday`, and `ScheduleToolBarViews` to display the default navigation and view options. For custom items, you can use the `ScheduleToolBarCustom` component to add any custom content or controls. In this example, the default items such as Previous, Next, Date Range Text, and Today have been used along with a dropdown list control as a custom toolbar item to filter appointments by owner. |
There was a problem hiding this comment.
Include all the support items in the description. Can check the sample description from the following sample. Also, include the supported types of the Custom toolbar item.
|
|
||
| The Scheduler with custom toolbar items alongside the default navigation and view options in the header bar will be rendered as shown in the following image. | ||
|
|
||
|  |
There was a problem hiding this comment.
Provide a proper output image name. Don't use the previous topic image name "Hide Header Bar in Blazor Scheduler".
| <SfSchedule TValue="AppointmentData" | ||
| @ref="ScheduleObj" | ||
| Width="100%" | ||
| Height="650px" |
There was a problem hiding this comment.
Set the height to 550px.
| @ref="ScheduleObj" | ||
| Width="100%" | ||
| Height="650px" | ||
| @bind-SelectedDate="@CurrentDate"> |
There was a problem hiding this comment.
SelectedDate is not required.
| } | ||
| ``` | ||
|
|
||
| The Scheduler with custom toolbar items alongside the default navigation and view options in the header bar will be rendered as shown in the following image. |
There was a problem hiding this comment.
Update the image description based on the sample because we didn't include the ScheduleToolBarViews option in the sample.
|
@VijayakumarRSF4470 , |
5 participants
Feature description
996709: Documentation for the Scheduler custom toolbar feature.
Analysis and design
Implemented dropdown in header bar using schedule custom toolbar.
Solution description
The provided header bar of the scheduler, that filters the resource data of the scheduler.
Output screenshots
Areas affected and ensured
API Changes
List all API changes here (or just put None), example:
Added:
Changed:
Behavioral Changes
Describe any non-bug related behavioral changes that may change how users app behaves when upgrading to this version of the codebase.
Test cases
Provide the unit testing written file details to understand the use cases considered in this implementation.
If there is no TDD (if it’s not possible to follow), provide the UI automation script location and the Excel file that contains the use cases considered in this implementation.
Provide the test cases Excel file alone if the feature cannot be automated in any case.
List out all the scenarios you have tested after include these changes. You can refer the predefined scenarios from below link.
https://syncfusion.atlassian.net/wiki/display/CHARTXAMARIN/Chart+Test+Plan
Testbed sample location
Provide the test bed sample location where code reviewers can review the new feature’s behaviors. This depends on the CI process that your team follows. It can be from NPMCI, HockeyApp, staging site, local server, etc.
Does it have any known issues?
No
Does it have memory leak?
No leaks
MR CheckList