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

scrollchildren in raddock not visible

4 Answers 53 Views

TabStrip

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

Robert Lampe asked on 03 May 2010, 03:03 PM

radzonesmallerthentabstrip.png

radzonebiggerthentabstrip.png

Hi,

I've some problem with a tabstrip at a raddock. When i remove the raddock from the radzone, the visibility of the scroller will be messed up. If the scroller is not visible, I have to reset the raddock to the radzone and then drag it out of the zone again to see / hide the scroller.

I have no idea what I do wrong:)?

Thank you,
Robert

4 Answers, 1 is accepted

answered on 06 May 2010, 02:35 PM

tabstripexample.png

    
            <%@ Page Language="C#" AutoEventWireup="true" CodeFile="TabStripTest.aspx.cs" Inherits="TabStripTest" %> 
        
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
        
            <html> 
        
            <head id="Head1" runat="server"> 
        
                <title></title> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server"> 
        
                <asp:ScriptManager ID="ScriptManager1" EnableScriptGlobalization="true" runat="server" /> 
        
                <telerik:RadDockLayout runat="server" ID="RadDockLayout1"> 
        
                    <telerik:RadDockZone ID="RadDockZone1" runat="server" Orientation="Vertical"> 
        
                        <telerik:RadDock ID="RadDock1" runat="server" EnableAnimation="true" EnableRoundedCorners="true" 
        
                            Resizable="true"> 
        
                            <ContentTemplate> 
        
                                <telerik:RadTabStrip ID="RadTabStrip2" runat="server" ScrollChildren="true" SelectedIndex="0" 
        
                                    ReorderTabsOnSelect="true"> 
        
                                    <Tabs> 
        
                                        <telerik:RadTab Text="Long Name" /> 
        
                                        <telerik:RadTab Text="Long Name" /> 
        
                                        <telerik:RadTab Text="Long Name" /> 
        
                                        <telerik:RadTab Text="Long Name" /> 
        
                                        <telerik:RadTab Text="Long Name" /> 
        
                                        <telerik:RadTab Text="Long Name" /> 
        
                                        <telerik:RadTab Text="Long Name" /> 
        
                                    </Tabs> 
        
                                </telerik:RadTabStrip> 
        
                            </ContentTemplate> 
        
                        </telerik:RadDock> 
        
                    </telerik:RadDockZone> 
        
                </telerik:RadDockLayout> 
        
                </form> 
        
            </body> 
        
            </html>

So ones again, if the RadDock is larger then the tabstrib no scrollers are visible for the tabstrip (ScrollChildren not visible). When you drag the RadDock from the zone and resize the pane smaller then the tabstrib, still no scroller is visible.
This also works the other way around (raddock < tabstrip, drag raddock out of zone, resize, tabstrip > raddock, scrollers still visible).

Thanks for the quick response!

Robert

answered on 11 May 2010, 03:24 PM

Hello Robert,

Thank you for sending the code.

You should manually call repaint() method of the tabstrip in order to force it to resize - this can be done in OnClientDockPositionChanged event hanlder of the dock:

<telerik:RadDockZone ID="RadDockZone1" runat="server" Orientation="Vertical">

<telerik:RadDock ID="RadDock1" runat="server" EnableAnimation="true" EnableRoundedCorners="true" OnClientDockPositionChanged="dockPositionChanged"

Resizable="true">

and the handler:

<script type="text/javascript">

function dockPositionChanged(sender, args) {

var tabstrip = $find("<%=RadTabStrip2.ClientID%>");

tabstrip.repaint();

}

</script>

Regards,
Yana
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.