Skip to content
Closed
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion ej2-react/schedule/frequently-asked-questions.md
Original file line number Diff line number Diff line change
Expand Up @@ -100,7 +100,7 @@ The above problem occurs when missing CSS references for the scheduler in a proj
<meta name="description" content="Syncfusion React UI Components" />
<meta name="author" content="Syncfusion" />

<! �� scheduler CSS is referred from this link ��>
<!-- Include Scheduler CSS from CDN -->
<link href="https://cdn.syncfusion.com/ej2/material.css" rel="stylesheet">

</head>
Expand Down
2 changes: 1 addition & 1 deletion ej2-react/schedule/recurrence-editor.md
Original file line number Diff line number Diff line change
Expand Up @@ -81,7 +81,7 @@ You can customize the recurrence editor to display only specific end options, su

## Accessing the recurrence rule string

The recurrence rule is usually generated based on the options selected from the recurrence editor and also it follows the [`iCalendar`](https://tools.ietf.org/html/rfc5545#section-3.3.10) specifications. The generated recurrence rule string is a valid one to be used with the Scheduler events recurrence rule field.
The recurrence rule is usually generated based on the options selected from the recurrence editor and also it follows the [`iCalendar`](https://tools.ietf.org/html/rfc5545#section-3.3.10) specifications. The generated recurrence rule string is a valid one to be used with the Scheduler event's recurrence rule field.

There is a `change` event available in recurrence editor, that triggers on every time the fields of recurrence editor tends to change. Within this event argument, you can access the generated recurrence value through the `value` option as shown in the following code example.

Expand Down
4 changes: 2 additions & 2 deletions ej2-react/schedule/resources.md
Original file line number Diff line number Diff line change
Expand Up @@ -275,7 +275,7 @@ It groups the number of resources under each date and is applicable only on the
## Working with shared events

Multiple resources can share the same events. CRUD actions performed on one shared event instance are reflected across all related instances. To enable such option, set [`allowGroupEdit`](https://ej2.syncfusion.com/react/documentation/api/schedule/group#allowgroupedit) option to `true` within the [`group`](https://ej2.syncfusion.com/react/documentation/api/schedule/group) property. With this property enabled, a single appointment
object will be maintained within the appointment collection, even if it is shared by more than one resource whereas the resource fields of such appointment object will hold the IDs of the multiple resources.
object will be maintained within the appointment collection, even if it is shared by more than one resource, whereas the resource fields of such appointment object will hold the IDs of the multiple resources.

> Any actions such as create, edit or delete held on any one of the shared event instances, will be reflected on all other related instances visible on the UI.

Expand Down Expand Up @@ -510,7 +510,7 @@ Some of the default changes made for compact Scheduler to render in desktop devi
* View options displayed in the Navigation drawer.
* Plus icon is added to the header for new event creation.
* Today icon is added to the header instead of the Today button.
* With Multiple resources only one resource has been shown to enhance the view experience of resource events details clearly. To switch to other resources, there is a TreeView on the left that lists all other available resources, clicking on which will display that particular resource and its related events.
* With Multiple resources, only one resource has been shown to enhance the view experience of resource events details clearly. To switch to other resources, there is a TreeView on the left that lists all other available resources, clicking on which will display that particular resource and its related events.

{% tabs %}
{% highlight js tabtitle="index.jsx" %}
Expand Down
4 changes: 2 additions & 2 deletions ej2-react/schedule/sharepoint.md
Original file line number Diff line number Diff line change
Expand Up @@ -57,7 +57,7 @@ Syncfusion<sup style="font-size:70%">&reg;</sup> React component packages are av
npm install @syncfusion/ej2-react-schedule --save
```
## Import Syncfusion<sup style="font-size:70%">&reg;</sup> CSS styles
Themes for Syncfusion React components can be applied using CSS files from npm packages, CDN, CRG, or [Theme Studio](https://ej2.syncfusion.com/react/documentation/appearance/theme-studio). Refer to the [themes documentation](https://ej2.syncfusion.com/react/documentation/appearance/theme) for more detail.
Themes for Syncfusion React components can be applied using CSS files from npm packages, CDN, CRG, or [Theme Studio](https://ej2.syncfusion.com/react/documentation/appearance/theme-studio). Refer to the [themes documentation](https://ej2.syncfusion.com/react/documentation/appearance/theme) for more detail.

This example demonstrates importing the `Bootstrap` theme CSS within the `App.tsx` file located at `~/src/webparts/app/components/`:

Expand All @@ -78,7 +78,7 @@ require('@syncfusion/ej2-schedule/styles/bootstrap5.css');
{% endhighlight %}
{% endtabs %}

Update the TypeScript configuration `tsconfig.json` to map Syncfusion package paths for proper module resolution in the SPFx project:
Update the TypeScript configuration to map Syncfusion package paths for proper module resolution in the SPFx project:

{% tabs %}
{% highlight json tabtitle="tsconfig.json" %}
Expand Down
6 changes: 3 additions & 3 deletions ej2-react/schedule/timescale.md
Original file line number Diff line number Diff line change
Expand Up @@ -13,8 +13,8 @@ domainurl: ##DomainURL##
Time slots are the cells displayed in the Day, Week, and Work Week views of the Scheduler (in vertical views on the leftmost position and in timeline views at the top). The [`timeScale`](https://ej2.syncfusion.com/react/documentation/api/schedule#timescale) property lets you control the duration of these slots. It includes these sub-options:

* [`enable`](https://ej2.syncfusion.com/react/documentation/api/schedule/timeScale#enable) - When set to `true`, allows the Scheduler to display the appointments accurately against the exact time duration. If set to `false`, all the appointments of a day will be displayed one below the other with no grid lines displayed. Its default value is `true`.
* [`interval`](https://ej2.syncfusion.com/react/documentation/api/schedule/timeScale#interval) Defines the time duration on which the time axis to be displayed either in 1 hour or 30 minutes interval and so on. It accepts the values in minutes and defaults to 60.
* [`slotCount`](https://ej2.syncfusion.com/react/documentation/api/schedule/timeScale#slotcount) Decides the number of slot count to be split for the specified time interval duration. It defaults to 2, thus displaying two slots to represent an hour(each slot depicting 30 minutes duration).
* [`interval`](https://ej2.syncfusion.com/react/documentation/api/schedule/timeScale#interval) - Defines the time duration on which the time axis to be displayed either in 1 hour or 30 minutes interval and so on. It accepts the values in minutes and defaults to 60.
* [`slotCount`](https://ej2.syncfusion.com/react/documentation/api/schedule/timeScale#slotcount) - Decides the number of slot count to be split for the specified time interval duration. It defaults to 2, thus displaying two slots to represent an hour(each slot depicting 30 minutes duration).

>Note: The upper limit for rendering slots within a single day, utilizing the **interval** and **slotCount** properties of the **timeScale**, stands at 1000. This constraint aligns with the maximum **colspan** value permissible for the **table** element, also capped at 1000. This particular restriction is relevant exclusively to the `TimelineDay`, `TimelineWeek` and `TimelineWorkWeek` views.

Expand Down Expand Up @@ -90,7 +90,7 @@ By default, Scheduler indicates current date with a highlighted date header on a
{% include code-snippet/schedule/timescale-cs4/index.html %}
{% endhighlight %}
{% endtabs %}

{% previewsample "page.domainurl/code-snippet/schedule/timescale-cs4" %}

> You can refer to our [React Scheduler](https://www.syncfusion.com/react-components/react-scheduler) feature tour page for its groundbreaking feature representations. You can also explore our [React Scheduler example](https://ej2.syncfusion.com/react/demos/#/material/schedule/overview) to knows how to present and manipulate data.