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>
<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>