This is a migrated thread and some comments may be shown as answers.

Scheduler inside TabStrip

12 Answers 40 Views
Scheduler
This is a migrated thread and some comments may be shown as answers.
Jeremy
Top achievements
Rank 1
Jeremy asked on 05 Oct 2012, 02:43 PM
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

12 Answers, 1 is accepted

Sort by
0
Boyan Dimitrov
Telerik team
answered on 08 Oct 2012, 02:26 PM
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
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
0
Jeremy
Top achievements
Rank 1
answered on 09 Oct 2012, 06:07 PM
Thank you Boyan.
0
Najid Hanif
Top achievements
Rank 2
answered on 13 Sep 2013, 03:58 AM
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
0
Plamen
Telerik team
answered on 18 Sep 2013, 05:13 AM
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
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
0
Najid Hanif
Top achievements
Rank 2
answered on 24 Sep 2013, 03:06 PM
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
0
Plamen
Telerik team
answered on 27 Sep 2013, 06:05 AM
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
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
0
Najid Hanif
Top achievements
Rank 2
answered on 27 Sep 2013, 01:56 PM
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.
0
Plamen
Telerik team
answered on 30 Sep 2013, 10:25 AM
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
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
0
Najid Hanif
Top achievements
Rank 2
answered on 30 Sep 2013, 01:02 PM
<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.
0
Plamen
Telerik team
answered on 03 Oct 2013, 10:59 AM
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
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
0
Najid Hanif
Top achievements
Rank 2
answered on 03 Oct 2013, 02:57 PM
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>

0
Plamen
Telerik team
answered on 08 Oct 2013, 04:24 PM
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
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
Tags
Scheduler
Asked by
Jeremy
Top achievements
Rank 1
Answers by
Boyan Dimitrov
Telerik team
Jeremy
Top achievements
Rank 1
Najid Hanif
Top achievements
Rank 2
Plamen
Telerik team
Share this question
or