The following steps helps you to prevent misalignment while rendering Schedule inside Tab control.
Step 1: Create an MVC application and include the default Schedule and Tab control in it by referring the following links,
Step 2: Define the ItemActive event for Tab with appropriate handler.
Step 3: onitemActive is a function within which the code to prevent the Scheduler misalignment is defined as shown in the below code example,
Step 4: Run the sample and Schedule will render properly inside the tab as shown below.
Figure 1: Schedule placed within the Tab control
This page will automatically be redirected to the sign-in page in 10 seconds.