Error with PageBreakSelector

4 posts, 0 answers
  1. Jorge
    Jorge avatar
    2 posts
    Member since:
    Feb 2012

    Posted 02 Aug 2017 Link to this post

    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>
  2. Ivan Danchev
    Admin
    Ivan Danchev avatar
    1507 posts

    Posted 07 Aug 2017 Link to this post

    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.
  3. Ruben
    Ruben avatar
    2 posts
    Member since:
    Jul 2015

    Posted 20 Sep 2017 Link to this post

    I have exactly the same problem, do you have an estimate of how much time it will take to fix this bug???
  4. Marin Bratanov
    Admin
    Marin Bratanov avatar
    4124 posts

    Posted 25 Sep 2017 Link to this post

    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.
Back to Top