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.
<!-- LOAD GRAPHS -->
<
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
>
<!-- LOAD VERDICTS -->
<
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"
>
<!-- <telerik:RadAjaxPanel ID="RadAjaxPanel" runat="server"> -->
<
asp:Panel
ID
=
"ProductsHolder"
runat
=
"server"
>
</
asp:Panel
>
<!-- </telerik:RadAjaxPanel> -->
</
div
>
</
div
>
</
LayoutTemplate
>
<
ItemTemplate
>
<
div
id
=
"productItem"
runat
=
"server"
class
=
"productItemWrapper"
>
<!-- Display Verdict Button -->
<
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
>
<!-- Display Arguments -->
<
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