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

[Solved] Elements within the PanelItem have margin after upgrading to Q3 2008

1 Answer 70 Views

PanelBar

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

Helmut Stelczenmayr asked on 06 Jul 2009, 01:26 PM

Hi!

After I upgraded from Version 2008.1.515.35 to 2008.3.1314.20 some of my Items now have a margin, or padding.

In particular this RadTree is now about 20px away from the left border of the RadPanelItem that contains the Tree:

    
            <telerik:RadPane ID="rpTreeView" Runat="server" Width="300px"  Height="100%" 
        
                                        OnClientResized="ResizeTabStrip" CssClass="treeview" Scrolling="Both">  
        
                                        <telerik:RadMultiPage ID="rmpTabStrip" Runat="server" RadControlsDir="~/Img/Skins/"   
        
                                            SelectedIndex="0" CssClass="treeview" Width="100%" Height="100%">  
        
                                            <telerik:RadPageView ID="Operational" runat="server" Height="100%" Width="100%">  
        
                                                <telerik:RadPanelbar ID="rpbOperational" Runat="server" 
        
                                                    Width="100%" Height="96%" 
        
                                                    ExpandMode="FullExpandedItem"   
        
                                                    SkinsPath="~/Img/Skins/Panelbar/Skins/" 
        
                                                    RadControlsDir="~/Img/Skins/" 
        
                                                    Skin="Office2007" style="background-color:#f0f0f0">  
        
                                                    <Items> 
        
                                                        <telerik:RadPanelItem Value="Geo" runat="server" meta:resourcekey="panel_geographic" Expanded="True" CssClass="treeview">  
        
                                                            <Items> 
        
                                                                <telerik:RadPanelItem Value="GeoTree" runat="server" CssClass="treeview">  
        
                                                                    <ItemTemplate> 
        
                                                                        <telerik:RadTreeView ID="rtGeographic" Runat="server"   
        
                                                                                Skin="Vista" CssClass="treeview" 
        
                                                                                MultipleSelect="true" 
        
                                                                                onnodeexpand="rtGeographic_NodeExpand"   
        
                                                                                onClientNodeClicking="onClientNodeClick" 
        
                                                                                OnContextMenuItemClick="rtGeographic_ContextMenuItemClick" 
        
                                                                                meta:resourcekey="radTreeView" 
        
                                                                                OnClientContextMenuItemClicked="onClientCtxmOperationalClicked"                                   
        
                                                                                OnClientContextMenuShowing="onClientCtxmOperationalShowing">  
        
                                                                                <contextmenus>

Are there any known issues with this? I wish I could attach images, it would clear up a lot. But the thing is that it also happened with PanelBar items, they are now longer than the designated area of the PanelBar and reach outside the visible scope. After I resize the Splitter the PanelBar is inside of the PanelBar gets displayed correctly, however, the Tree is still off to the right.

Thanks for any input!

1 Answer, 1 is accepted

answered on 08 Jul 2009, 05:45 AM

Hallo!

I was able to resolve the issue via workaround. I added the following css code to my page:

    
            .RadPanelBar .rpLevel1 .rpFirst        
        
            {        
        
                padding-top: 0px;        
        
                padding-bottom: 0px;  
        
                padding-left: 0px;  
        
                padding-right: 0px;  
        
                margin-left:-20px;      
        
            }

This sets my RadTree to the desired position. I'm guessing it is default behaviour to align the Item towards the right starting from the Q3 2008 release as I found no other option to accomplish this.

The other problem I mentioned with RadTabStrip I could resolve by changing my TabStrip.Inox.css stylesheet. I removed a padding and it works fine now. I use an older version of the Inox Tabstrip which may have led to problems.

Cheers!