Scheduler inside TabStrip

[Jeremy]

Hello,

I have a TabStrip with a scheduler inside each Tab.  On FormLoad I load the info inside each Scheduler.
It seems that when a Scheduler is inside a Tab, all the appointments have Width: 0px, except for the tab that is selected.
If I change Tabs and refresh, the appointments will show, but will disappear in the other Tabs.

You can look at examples attached.

Thank you,

Jeremy

[Boyan Dimitrov]

Hello Jeremy,

Let's assume that have following markup code in your project:

<telerik:RadTabStrip ID="RadTabStrip1" runat="server" MultiPageID="RadMultiPage1" OnTabClick="RadTabStrip1_TabClick">
           <Tabs>
               <telerik:RadTab Text="Tab1"></telerik:RadTab>
               <telerik:RadTab Text="Tab2"></telerik:RadTab>
               <telerik:RadTab Text="Tab3"></telerik:RadTab>
           </Tabs>
       </telerik:RadTabStrip>
       <telerik:RadMultiPage ID="RadMultiPage1" runat="server">
           <telerik:RadPageView ID="RadPageView1" runat="server">
               <telerik:RadScheduler ID="RadScheduler1" runat="server"></telerik:RadScheduler>
           </telerik:RadPageView>
           <telerik:RadPageView ID="RadPageView2" runat="server">
                <telerik:RadScheduler ID="RadScheduler2" runat="server"></telerik:RadScheduler>
           </telerik:RadPageView>
           <telerik:RadPageView ID="RadPageView3" runat="server">
               <telerik:RadScheduler ID="RadScheduler3" runat="server"></telerik:RadScheduler>
           </telerik:RadPageView>
       </telerik:RadMultiPage>

One possible and working approach would be on each tab click to refresh its RadScheduler control:

protected void RadTabStrip1_TabClick(object sender, RadTabStripEventArgs e)
   {
       if (e.Tab.Text == "Text1" )
       {
           RadScheduler1.Rebind();
       }
   }

I hope that was helpful

Regards,
Boyan Dimitrov
the Telerik team

[Jeremy]

Thank you Boyan.

[Najid Hanif]

I have this same issue. Having to rebind the scheduler is really heavy handed and slow. Why do the appointments get lost when another tab is clicked? Its already loaded, I don't want to load it again.

Thanks

[Plamen]

Hello,

 
I have tested once again similar issue and it worked properly at my side. I am attaching my test web page. Would you please review it and let me know what else should we add to the scenario in order to observe the unusual behavior and be able to think for a better solution?

Regards,
Plamen
Telerik

[Najid Hanif]

I have narrowed this down to being an IE 8 issue. It works fine in Chrome and fire fox. I don't have another IE version to test in. Since this is an older thread and may not even be related I'll open a support ticket.

Thanks

[Plamen]

Hello,

 
We have inspected the issue once again by using the sample web page provided in the forum thread that you linked but could not observe the described behavior neither in IE8 not in any of the other browsers. Here is a video of my test. Would you please let us know what else should we add or change in the Scheduelr-intabstrip.zip  project so we could inspect the issue locally and be more helpful with solving it.

Regards,
Plamen
Telerik

[Najid Hanif]

The provided sample does not even work. The tabs are selected but the page never changes. You would not know that because all of the content is the same, add some text in each tab and you will see it does not change.

[Plamen]

Hi,

 Thank you for pointing this issue.

I have updated the project so that it was showing tree RadScheduler bound to SQL DataSource. Please review it and let me know if your scenario is somehow different from it so we could inspect the scenario further and be more helpful.

Regards,
Plamen
Telerik

[Najid Hanif]

<telerik:RadTabStrip ID="RadTabStrip1" runat="server" MultiPageID="RadMultiPage1" Width="720"Align="Justify"
                     AutoPostBack="false">

Thanks, I set the tabstip like this and was able to recreate the problem in your supplied project.

[Plamen]

Hi,

 
I have added the code that you shared to the Scheduler-intabstripUpdated.zip project but yet could not observe any unusual behavior. Here is a video of my test in IE8 -please review it and let me know if I am not testing properly somehow or I have to add something else to observe the issue, be able to inspect it locally and be more helpful.

Regards,
Plamen
Telerik

[Najid Hanif]

OK I think it also has to do with the RadScheduler being set to Height="100%" also
I have stripped down the Scheduler and removed most properties. Keeping Height="100%" causes the issue in IE8 for me, removing it resolves it,  Height="90%" resolves it. 

<telerik:RadScheduler runat="server" ID="RadScheduler1" DataSourceID="SqlDataSource_Calendar" DataDescriptionField="DeploymentCount"

                      DataKeyField="ID" DataSubjectField="Application"DataStartField="DeploymentDateStart" DataEndField="DeploymentDateEnd" 

                      Height="100%"

                      >

 

 

</telerik:RadScheduler>




[Plamen]

Hi,

 
We have finally successfully replicated the issue at our side. After its deeper inspection it seems to be caused by the fact that on the initial load the height of the RadSchedulers that are situated in the tabs that are not loaded initially is zero, This behavior is expected because the height of their parent tabs is zero as well. In such cases the only workaround is to either set AutoPostBack="true" so each tab is reloaded on click or setting some static height to either RadScheduler or the RadPageView it is in.

Regards,
Plamen
Telerik