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

Radslider inside ajaxToolkit:Accordion don't display

1 Answer 47 Views
Slider
This is a migrated thread and some comments may be shown as answers.
Mithun
Top achievements
Rank 1
Mithun asked on 18 Oct 2010, 03:42 PM
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">
</telerik:RadSlider>
<asp:UpdatePanel ID="UpdatePanel1" runat="server">
    <ContentTemplate>
        <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">
           <Panes>
        <ajaxToolkit:AccordionPane ID="AccordionPane8" runat="server">
                     <Header></Header>
            <Content>
                <!-- this does not displayed -->
                                <telerik:RadSlider ID="RadSlider2" runat="server"
                                    MinimumValue="0" MaximumValue="100"  SmallChange="5" LargeChange="10" ItemType="tick"
                                    AnimationDuration="400" Visible="true">
                                </telerik:RadSlider>
            </Content>          
      </Panes>
        </ajaxToolkit:Accordion>
    </ContentTemplate>
</asp:UpdatePanel>



1 Answer, 1 is accepted

Sort by
0
Tsvetie
Telerik team
answered on 21 Oct 2010, 04:02 PM
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,
Tsvetie
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
Tags
Slider
Asked by
Mithun
Top achievements
Rank 1
Answers by
Tsvetie
Telerik team
Share this question
or