ToolBar render issue

2 posts, 0 answers
  1. Chris Kronenthal
    Chris Kronenthal avatar
    6 posts
    Member since:
    Jan 2010

    Posted 19 Nov 2010 Link to this post

    Telerik,

    I am having an issue with the RadToolBar control not rendering content, see details below.

    So the scenario is this -

    I have two RadXmlHttpPanels on the page, both have the same custom user control type inside which contain a radtoolbar.
    So the issue is when the first time the user comes to the page and clicks a button in one of the toolbars I do a set_value on the panel
    and everything works fine, except the other panels toolbars sometimes dont render the text properly. And this only happens in IE7.
    Once the user hovers over the missing text on the toolbars it comes back and works fine until the page is reloaded.

    I attached a small example of the scenario along with the screen shots(Note the text not rendering on the radtoolbars).

    <form id="form1" runat="server">
    <asp:ScriptManager ID="masterScriptManager" runat="server" EnablePageMethods="true">
        <Scripts>
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
            <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />
            <asp:ScriptReference Path="~/JScript.js" />
        </Scripts>
    </asp:ScriptManager>
    <div>
        <telerik:RadXmlHttpPanel ID="pnlMain1" runat="server" OnServiceRequest="OnServiceRequest"
            EnableClientScriptEvaluation="true">
            <table>
                <tr>
                    <td>
                        <telerik:RadToolBar ID="widgetTools" runat="server" Width="100%" EnableShadows="true"
                            OnClientButtonClicked="widgetToolsButton_Clicked">
                            <Items>
                                <telerik:RadToolBarButton ImageUrl="report_16x16.png">
                                </telerik:RadToolBarButton>
                                <telerik:RadToolBarSplitButton CommandName="interval" ImageUrl="report_16x16.png"
                                    EnableDefaultButton="false" Value="intervalSelector">
                                    <Buttons>
                                        <telerik:RadToolBarButton Text="One Week" Value="W" ImageUrl="report_16x16.png" />
                                        <telerik:RadToolBarButton Text="Two Week" Value="B" ImageUrl="report_16x16.png" />
                                        <telerik:RadToolBarButton Text="One Month" Value="M" ImageUrl="report_16x16.png" />
                                    </Buttons>
                                </telerik:RadToolBarSplitButton>
                            </Items>
                        </telerik:RadToolBar>
                    </td>
                </tr>
                <tr>
                    <td>
                        <asp:Label ID="lblResponse" runat="server"></asp:Label>
                    </td>
                </tr>
            </table>
        </telerik:RadXmlHttpPanel>
        <telerik:RadXmlHttpPanel ID="pnlMain2" runat="server" OnServiceRequest="OnServiceRequest"
            EnableClientScriptEvaluation="true">
            <table>
                <tr>
                    <td>
                        <telerik:RadToolBar ID="RadToolBar1" runat="server" Width="100%" EnableShadows="true"
                            OnClientButtonClicked="widgetToolsButton_Clicked">
                            <Items>
                                <telerik:RadToolBarButton ImageUrl="report_16x16.png" Text="Foobar">
                                </telerik:RadToolBarButton>
                                <telerik:RadToolBarSplitButton Text="Foobar" CommandName="interval" EnableDefaultButton="false"
                                    ImageUrl="report_16x16.png" Value="intervalSelector">
                                    <Buttons>
                                        <telerik:RadToolBarButton Text="One Week" Value="W" ImageUrl="report_16x16.png" />
                                        <telerik:RadToolBarButton Text="Two Week" Value="B" ImageUrl="report_16x16.png" />
                                        <telerik:RadToolBarButton Text="One Month" Value="M" ImageUrl="report_16x16.png" />
                                    </Buttons>
                                </telerik:RadToolBarSplitButton>
                            </Items>
                        </telerik:RadToolBar>
                    </td>
                </tr>
                <tr>
                    <td>
                        <asp:Label ID="Label1" runat="server"></asp:Label>
                    </td>
                </tr>
            </table>
        </telerik:RadXmlHttpPanel>
    </div>
    </form>
  2. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 25 Nov 2010 Link to this post

    Hi Chris,

    Unfortunately I can't reproduce your problem here either in IE Compatibility mode or in real IE7, maybe it depends on your whole layout. Can you open a support ticket and send a sample project or live URL where we can reproduce your issue and help you fix it. Thank you in advance.

    Regards,
    Kamen Bundev
    the Telerik team
    Browse the vast support resources we have to jumpstart your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top