Radslider inside ajaxToolkit:Accordion don't display

2 posts, 0 answers
  1. Mithun
    Mithun avatar
    5 posts
    Member since:
    Sep 2010

    Posted 18 Oct 2010 Link to this post

    I am trying to put a Radslider inside the ajaxToolkit:Accordion and it is not getting dis[played. If I have the code outside the ajaxToolkit:Accordion it is getting displayed. How do I get it to display inside the ajaxToolkit:Accordion ?
    <!-- this gets displayed -->
    <telerik:RadSlider ID="RadSlider1" runat="server" MinimumValue="0" MaximumValue="100"
        SmallChange="5" LargeChange="10" ItemType="tick" Height="70px" Width="350px"
        AnimationDuration="400" CssClass="TicksSlider" ThumbsInteractionMode="Free">
    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
            <ajaxToolkit:Accordion ID="MyAccordion" runat="server" SelectedIndex="0"
                HeaderCssClass="accordionHeader" HeaderSelectedCssClass="accordionHeaderSelected"
                ContentCssClass="accordionContent" FadeTransitions="false" FramesPerSecond="40"
                TransitionDuration="250" AutoSize="None" RequireOpenedPane="false" SuppressHeaderPostbacks="true">
            <ajaxToolkit:AccordionPane ID="AccordionPane8" runat="server">
                    <!-- this does not displayed -->
                                    <telerik:RadSlider ID="RadSlider2" runat="server"
                                        MinimumValue="0" MaximumValue="100"  SmallChange="5" LargeChange="10" ItemType="tick"
                                        AnimationDuration="400" Visible="true">

  2. Tsvetie
    Tsvetie avatar
    1517 posts

    Posted 21 Oct 2010 Link to this post

    Hello Mithun,
    The ajaxToolkit Accordion control uses "display:none" style to hide the content of its panels. This prevents the slider from calculating its size correctly. You need to call the repaint method of RadSlider as soon as its panel becomes visible in order to fix this.

    For additional information on the problem and the solution, please refer to the following knowledge base article: http://www.telerik.com/support/kb/aspnet-ajax/slider/radslider-inside-initially-hidden-elements-e-g-radtooltip.aspx.

    Best wishes,
    the Telerik team
    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 Public Issue Tracking system and vote to affect the priority of the items
  3. DevCraft R3 2016 release webinar banner
Back to Top