radspreadsheet does not render properly within radtabstrip with multipage

Progress® Telerik® UI for ASP.NET AJAX Feedback Portal

Create an account Log In

Back to Feed

Request a Feature Report a Bug

Completed

Last Updated: 18 Apr 2019 07:43 by ADMIN

Chad Hensley

Created on: 26 Jan 2016 04:28

Category: Spreadsheet

Type: Bug Report

radspreadsheet does not render properly within radtabstrip with multipage

If you put a radspreadsheet inside a radtabstrip with multipage, the controls do not render properly.

In my scenario, I have a tabstrip embedded within a tabstrip, and a grid in the nested tabstrip.  That works fine.  Once you put a spreadsheet control in the multipage, the controls do not render properly. 

However, I was able to reproduce the results with the first scenario above, which is the most simple.

2 comments

ADMIN

Rumen

Posted on: 18 Apr 2019 07:41

Hi there,

The solution is to repaint the Spreadsheet when it is initially invisible:

<script>

function OnClientTabSelected(sender, eventArgs) {

var spread = $find("<%=RadSpreadsheet1.ClientID%>");

spread._widget.refresh();

}

</script>

<telerik:RadTabStrip ID="RadTabStrip1" RenderMode="Lightweight" OnClientTabSelected="OnClientTabSelected"

runat="server"

MultiPageID="RadMultiPage1">

<Tabs>

<telerik:RadTab Text="Placeholder">

</telerik:RadTab>

<telerik:RadTab Text="Spreadsheet">

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage ID="RadMultiPage1"

runat="server">

<telerik:RadPageView ID="RadPageView1"

runat="server"

Selected="true">

<asp:Label ID="Label1"

runat="server"

Text="Placeholder">

</asp:Label>

</telerik:RadPageView>

<telerik:RadPageView ID="RadPageView2"

runat="server">

<telerik:RadSpreadsheet ID="RadSpreadsheet1"

runat="server">

</telerik:RadSpreadsheet>

</telerik:RadPageView>

</telerik:RadMultiPage>

Best regards,
Rumen
Progress Telerik

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.

Matt

Posted on: 26 Aug 2016 16:57

I have the same issue.  Here is a simple example...

<telerik:RadTabStrip ID="RadTabStrip1"
                     runat="server"
                     MultiPageID="RadMultiPage1">
  <Tabs>
    <telerik:RadTab Text="Placeholder">
    </telerik:RadTab>
    <telerik:RadTab Text="Spreadsheet">
    </telerik:RadTab>
  </Tabs>
</telerik:RadTabStrip>
<telerik:RadMultiPage ID="RadMultiPage1"
                      runat="server">
  <telerik:RadPageView ID="RadPageView1"
                       runat="server"
                       Selected="true">
    <asp:Label ID="Label1"
               runat="server"
               Text="Placeholder">
    </asp:Label>
  </telerik:RadPageView>
  <telerik:RadPageView ID="RadPageView2"
                       runat="server">
    <telerik:RadSpreadsheet ID="RadSpreadsheet1"
                            runat="server">
    </telerik:RadSpreadsheet>
  </telerik:RadPageView>
</telerik:RadMultiPage>