Refuses to render until postback

3 posts, 0 answers
  1. willk
    willk avatar
    17 posts
    Member since:
    May 2007

    Posted 22 Jul 2015 Link to this post

    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. willk
    willk avatar
    17 posts
    Member since:
    May 2007

    Posted 22 Jul 2015 in reply to willk Link to this post

    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>

  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Danail Vasilev
    Admin
    Danail Vasilev avatar
    1494 posts

    Posted 27 Jul 2015 Link to this post

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