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

Error with PageBreakSelector

3 Answers 63 Views
ClientExportManager
This is a migrated thread and some comments may be shown as answers.
Jorge
Top achievements
Rank 1
Jorge asked on 02 Aug 2017, 04:03 PM
Hi could please help me, I'm using RadClientExportManage, to be able export a chart with a table of html but when I added the PageBreakSelector the report doesn't show the chart and the html table only shows the first <td> of the <tr> this is my code
    <script>
        function exportAllPanelItems() {
            var cem = $find("<%=RadClientExportManager1.ClientID%>");
            cem.exportPDF($telerik.$(".panel-container"));
        }
    </script>

 <telerik:RadClientExportManager runat="server" ID="RadClientExportManager1">
       <PdfSettings PaperSize="A4" MarginRight="10mm" MarginLeft="10mm" />
    </telerik:RadClientExportManager>


    <div class="exportButtonContainer">
        <telerik:RadButton RenderMode="Lightweight" ID="RadButton1" runat="server"
            OnClientClicked="exportAllPanelItems" Text="Export Items" AutoPostBack="false" UseSubmitBehavior="false">
        </telerik:RadButton>
    </div>

    <div class="panel-container">
        <div runat="server" id="panelPrinicpal">
            <table style='padding: 0px; width: 100%; cellpadding: 0; cellspacing: 0; font-weight: normal;'>
                <tr>
                    <td valign='top' width='49%'>1000 Sawgrass Corporate Pkwy, Suite 120</td>
                    <td valign='top' width='2%'></td>
                    <td align='right' valign='top' width='49%'>123</td>
                </tr>
            </table>
            <table style='padding: 0px; width: 100%; cellpadding: 0; cellspacing: 0; font-weight: normal;'>
                <tr>
                    <td valign='top' width='49%'>Sunrise, FL 33323</td>
                    <td valign='top' width='2%'></td>
                    <td align='right' valign='top' width='49%'>Sunrise, FL 33323</td>
                </tr>
            </table>
        </div>

        <div id="Div1" class="pageBreak">

            <telerik:RadHtmlChart runat="server" ID="RadHtmlChart1" Width="400" Height="400" Transitions="true"
                Skin="Metro">
                <Appearance>
                    <FillStyle BackgroundColor="Transparent"></FillStyle>
                </Appearance>
                <ChartTitle Text="Server CPU Load By Days">
                    <Appearance Align="Center" BackgroundColor="Transparent" Position="Top">
                    </Appearance>
                </ChartTitle>
                <Legend>
                    <Appearance BackgroundColor="Transparent" Position="Bottom">
                    </Appearance>
                </Legend>
                <PlotArea>
                    <Appearance>
                        <FillStyle BackgroundColor="Transparent"></FillStyle>
                    </Appearance>
                    <XAxis AxisCrossingValue="0" Color="black" MajorTickType="Outside" MinorTickType="Outside"
                        Reversed="false">
                        <Items>
                            <telerik:AxisItem LabelText="Monday"></telerik:AxisItem>
                            <telerik:AxisItem LabelText="Tuesday"></telerik:AxisItem>
                            <telerik:AxisItem LabelText="Wednesday"></telerik:AxisItem>
                            <telerik:AxisItem LabelText="Thursday"></telerik:AxisItem>
                            <telerik:AxisItem LabelText="Friday"></telerik:AxisItem>
                            <telerik:AxisItem LabelText="Saturday"></telerik:AxisItem>
                            <telerik:AxisItem LabelText="Sunday"></telerik:AxisItem>
                        </Items>
                        <LabelsAppearance DataFormatString="{0}" RotationAngle="0" Skip="0" Step="1">
                        </LabelsAppearance>
                        <TitleAppearance Position="Center" RotationAngle="0" Text="Days">
                        </TitleAppearance>
                    </XAxis>
                    <YAxis AxisCrossingValue="0" Color="black" MajorTickSize="1" MajorTickType="Outside"
                        MaxValue="100" MinorTickSize="1" MinorTickType="Outside" MinValue="0" Reversed="false"
                        Step="25">
                        <LabelsAppearance DataFormatString="{0}%" RotationAngle="0" Skip="0" Step="1">
                        </LabelsAppearance>
                        <TitleAppearance Position="Center" RotationAngle="0" Text="CPU Load">
                        </TitleAppearance>
                    </YAxis>
                    <Series>
                        <telerik:LineSeries Name="Week 1">
                            <Appearance>
                                <FillStyle BackgroundColor="#5ab7de"></FillStyle>
                            </Appearance>
                            <LabelsAppearance DataFormatString="{0}%" Position="Above">
                            </LabelsAppearance>
                            <LineAppearance Width="1" />
                            <MarkersAppearance MarkersType="Circle" BackgroundColor="White" Size="8" BorderColor="#5ab7de"
                                BorderWidth="2"></MarkersAppearance>
                            <TooltipsAppearance DataFormatString="{0}%"></TooltipsAppearance>
                            <SeriesItems>
                                <telerik:CategorySeriesItem Y="35"></telerik:CategorySeriesItem>
                                <telerik:CategorySeriesItem Y="52"></telerik:CategorySeriesItem>
                                <telerik:CategorySeriesItem Y="18"></telerik:CategorySeriesItem>
                                <telerik:CategorySeriesItem Y="39"></telerik:CategorySeriesItem>
                                <telerik:CategorySeriesItem></telerik:CategorySeriesItem>
                                <telerik:CategorySeriesItem Y="10"></telerik:CategorySeriesItem>
                                <telerik:CategorySeriesItem Y="6"></telerik:CategorySeriesItem>
                            </SeriesItems>
                        </telerik:LineSeries>
                        <telerik:LineSeries Name="Week 2">
                            <Appearance>
                                <FillStyle BackgroundColor="#2d6b99"></FillStyle>
                            </Appearance>
                            <LabelsAppearance DataFormatString="{0}%" Position="Above">
                            </LabelsAppearance>
                            <LineAppearance Width="1" />
                            <MarkersAppearance MarkersType="Square" BackgroundColor="#2d6b99" Size="8" BorderColor="#2d6b99"
                                BorderWidth="2"></MarkersAppearance>
                            <TooltipsAppearance DataFormatString="{0}%"></TooltipsAppearance>
                            <SeriesItems>
                                <telerik:CategorySeriesItem Y="15"></telerik:CategorySeriesItem>
                                <telerik:CategorySeriesItem Y="23"></telerik:CategorySeriesItem>
                                <telerik:CategorySeriesItem Y="50"></telerik:CategorySeriesItem>
                                <telerik:CategorySeriesItem Y="20"></telerik:CategorySeriesItem>
                                <telerik:CategorySeriesItem Y="93"></telerik:CategorySeriesItem>
                                <telerik:CategorySeriesItem Y="43"></telerik:CategorySeriesItem>
                                <telerik:CategorySeriesItem Y="23"></telerik:CategorySeriesItem>
                            </SeriesItems>
                        </telerik:LineSeries>
                    </Series>
                </PlotArea>
            </telerik:RadHtmlChart>

        </div>
        <div runat="server" id="Div2">
            <telerik:RadPanelBar RenderMode="Lightweight" ID="RadPanelBar1" Skin="Web20" runat="server" Width="300">
                <Items>
                    <telerik:RadPanelItem ImageUrl="images/Honda.png" CssClass="pageBreak" runat="server" Height="60" Expanded="True">
                        <Items>
                            <telerik:RadPanelItem runat="server" Text="Accord" />
                            <telerik:RadPanelItem runat="server" Text="Civic" />
                            <telerik:RadPanelItem runat="server" Text="Civic" />
                            <telerik:RadPanelItem runat="server" Text="CR-V" />
                            <telerik:RadPanelItem runat="server" Text="HR-V" />
                            <telerik:RadPanelItem runat="server" Text="Integra" />
                            <telerik:RadPanelItem runat="server" Text="Jazz" />
                            <telerik:RadPanelItem runat="server" Text="Legend" />
                            <telerik:RadPanelItem runat="server" Text="Prelude" />
                        </Items>
                    </telerik:RadPanelItem>
                    <telerik:RadPanelItem ImageUrl="images/Nissan.png" CssClass="pageBreak" runat="server">
                        <Items>
                            <telerik:RadPanelItem runat="server" Text="350Z" />
                            <telerik:RadPanelItem runat="server" Text="370Z" />
                            <telerik:RadPanelItem runat="server" Text="GT-R" />
                            <telerik:RadPanelItem runat="server" Text="Juke" />
                            <telerik:RadPanelItem runat="server" Text="Pulsar" />
                            <telerik:RadPanelItem runat="server" Text="QashQai" />
                            <telerik:RadPanelItem runat="server" Text="X-Trail" />
                        </Items>
                    </telerik:RadPanelItem>
                </Items>
            </telerik:RadPanelBar>
        </div>
    </div>

3 Answers, 1 is accepted

Sort by
0
Ivan Danchev
Telerik team
answered on 07 Aug 2017, 08:51 AM
Hi Jorge,

We were able to reproduce the issue (the chart not being exported when the ClientExportManager is configured for multi-page export) and logged it as a bug. You can track its status on our Feedback Portal.
Currently a workaround is not available.

I updated your Telerik points for reporting this issue.

Regards,
Ivan Danchev
Progress Telerik
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
0
Ruben
Top achievements
Rank 1
answered on 20 Sep 2017, 11:14 PM
I have exactly the same problem, do you have an estimate of how much time it will take to fix this bug???
0
Marin Bratanov
Telerik team
answered on 25 Sep 2017, 10:50 AM

Hello Ruben,

At this point this is considered a limitation of the client-side PDF export: http://docs.telerik.com/devtools/aspnet-ajax/controls/clientexportmanager/troubleshooting/known-limitations.

The issue stems from a regression bug in the unrelying Kendo Drawing API: https://github.com/telerik/kendo-ui-core/issues/2750.

The Kendo version used in the UI for ASP.NET AJAX suite is not planned for ugrade quite soon, R1 or R2 2018 are the earliest estimates I could offer, even though I cannot guarantee.

Regards,

Marin Bratanov
Progress Telerik
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
ClientExportManager
Asked by
Jorge
Top achievements
Rank 1
Answers by
Ivan Danchev
Telerik team
Ruben
Top achievements
Rank 1
Marin Bratanov
Telerik team
Share this question
or