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

Refuses to render until postback

2 Answers 127 Views

Chart (HTML5)

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

willk asked on 22 Jul 2015, 07:17 AM

Hi All,

I have a big problem with the RadHTMLChart. It appears it refuses to render until postback if it follows a RadListView on a page. If I put it on the page anywhere before the RadListView the problem goes away and it renders fine. This is the same for a RadHTMLChart that has no dynamic content on it.

<asp:Panel runat="server" ID="PanelCharts">

<telerik:RadHtmlChart runat="server" ID="chtResults" Width="800" Height="500" Transitions="true" Skin="MetroTouch">

<ChartTitle>

<Appearance Align="Center" Position="Top">

</Appearance>

</ChartTitle>

<Legend>

<Appearance Position="Right" Visible="true">

</Appearance>

</Legend>

<PlotArea>

<Series>

<telerik:PieSeries StartAngle="90">

<LabelsAppearance Position="OutsideEnd" DataFormatString="{0} %">

</LabelsAppearance>

<TooltipsAppearance Color="White" DataFormatString="{0} %"></TooltipsAppearance>

<SeriesItems>

<telerik:PieSeriesItem Exploded="false" Name="Safari" Y="4.5" />

<telerik:PieSeriesItem Exploded="false" Name="Opera" Y="2.3" />

</SeriesItems>

</telerik:PieSeries>

</Series>

</PlotArea>

</telerik:RadHtmlChart>

</asp:Panel>

<asp:Panel ID="PanelVerdicts" runat="server">

<telerik:RadListView ID="RadListViewVerdicts" AllowPaging="False" runat="server" ItemPlaceholderID="ProductsHolder" DataKeyNames="VerdictID">

<LayoutTemplate>

<div class="RadListView RadListViewFloated RadListView_<%# Container.Skin %>">

<div class="rlvFloated">

<asp:Panel ID="ProductsHolder" runat="server"

</asp:Panel>

</div>

</LayoutTemplate>

<ItemTemplate >

<div id="productItem" runat="server" class="productItemWrapper">

<div style="text-align:center">

<asp:Button id="btnVote" runat="server" width="100%" OnCommand="VoteCommand" />

</div

<div class="argumentItemWrapper" id="argumentItemWrapper" runat="server">

<telerik:RadListView ID="RadListViewArguments" AllowPaging="False" runat="server" ItemPlaceholderID="ArgumentsHolder" DataKeyNames="ArgumentID" OnNeedDataSource="nestedListView_DataSource">

<LayoutTemplate

<asp:Panel ID="ArgumentsHolder" runat="server">

</asp:Panel>

</LayoutTemplate>

<ItemTemplate>

<p style="font-size:12pt;margin-top:10px"><%# Eval("Description") %></p

</ItemTemplate>

</telerik:RadListView>

</div

<a href="#" id="showmore" runat="server">Show more</a>

</div>

</ItemTemplate>

</telerik:RadListView>

</asp:Panel>

Obviously this isn't much help without the codebehind to load the radlistview items from needdatasource, but it appears to be easy to reproduce, just stick the radhtmlchart before a radlistview on a page.

It's nothing to do with updating as I've tested it without any updatepanel, radajaxpanel or radajaxmanager on the page and it does the same thing.

Thanks,

Will

2 Answers, 1 is accepted

answered on 22 Jul 2015, 07:34 AM

Just a quick update, interestingly if I put a RadAjaxPanel around the 'ProductsHolder' it works, but when no updatepanel or radajaxpanel exists on the page it doesn't, very very strange!

<LayoutTemplate>

<div class="RadListView RadListViewFloated RadListView_<%# Container.Skin %>">

<div class="rlvFloated">

<telerik:RadAjaxPanel ID="RadAjaxPanel" runat="server">

<asp:Panel ID="ProductsHolder" runat="server"

</asp:Panel>

</telerik:RadAjaxPanel>

</div>

</LayoutTemplate>

answered on 27 Jul 2015, 06:40 AM

Chart-ListViewTest.zip

Hi Will,

After removing the commented line responsible for RadAjaxPanel the chart and the ListView properly render on my side. Can you ensure you have removed the comments from the LayoutTemplate?

If you are still having issues on the matter could you please try to modify the attached example, and then tell us what changes you have made, in order to reproduce the issue, so that I can proceed further with the investigation?

Regards,
Danail Vasilev
Telerik

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items