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

scrollchildren in raddock not visible

4 Answers 36 Views
TabStrip
This is a migrated thread and some comments may be shown as answers.
Robert Lampe
Top achievements
Rank 1
Robert Lampe asked on 03 May 2010, 03:03 PM
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

Sort by
0
Yana
Telerik team
answered on 06 May 2010, 10:52 AM
Hi Robert Lampe,

Could you please paste some sample here so we can test the scenario? Thanks

Kind 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.
0
Robert Lampe
Top achievements
Rank 1
answered on 06 May 2010, 02:35 PM
<%@ 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
0
Robert Lampe
Top achievements
Rank 1
answered on 06 May 2010, 02:37 PM
Better .png example.
0
Yana
Telerik team
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.
Tags
TabStrip
Asked by
Robert Lampe
Top achievements
Rank 1
Answers by
Yana
Telerik team
Robert Lampe
Top achievements
Rank 1
Share this question
or