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

Refuses to render until postback

2 Answers 17 Views
Chart (HTML5)
This is a migrated thread and some comments may be shown as answers.
willk
Top achievements
Rank 1
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.

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

2 Answers, 1 is accepted

Sort by
0
willk
Top achievements
Rank 1
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>
    </div>
</LayoutTemplate>

0
Danail Vasilev
Telerik team
answered on 27 Jul 2015, 06:40 AM
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
Tags
Chart (HTML5)
Asked by
willk
Top achievements
Rank 1
Answers by
willk
Top achievements
Rank 1
Danail Vasilev
Telerik team
Share this question
or