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

RadDockZone Sizing Issues

5 Answers 73 Views
Dock
This is a migrated thread and some comments may be shown as answers.
Tim Carmichael
Top achievements
Rank 1
Tim Carmichael asked on 18 Feb 2009, 11:21 AM
Hi there,

I have formatted a few RadDockZones within the confines of a table.  I have a table with 3 rows, 1st and 3rd row has 1 cell that spans the page, the middle row has 3 cells, middle cell is 40% in width and the outer 2 are 30% each.

When I load the page I can instantly see that the zones are slightly larger and hanging off of the right hand edge of the table cell.  Any idea how I can resolve this issue as it looks a bit odd at current.

Thanks in advance!

5 Answers, 1 is accepted

Sort by
0
Tim Carmichael
Top achievements
Rank 1
answered on 19 Feb 2009, 11:11 AM
A screenshot of the overlapping...

This might help, if you can't envisage what I'm referring to.
0
Tim Carmichael
Top achievements
Rank 1
answered on 19 Feb 2009, 11:14 AM
<telerik:RadDockLayout ID="rdlLayout" Runat="server">  
                <table width="100%">  
                    <tr> 
                        <td colspan="3" valign="top">  
                            <telerik:RadDockZone ID="rdzTop" 
                                Runat="server" 
                                Width="100%" 
                                Orientation="Vertical">  
                             
                            </telerik:RadDockZone>                          
                        </td> 
                    </tr> 
                    <tr> 
                        <td width="30%" valign="top">  
                            <telerik:RadDockZone ID="rdzLeft" 
                                Runat="server" 
                                Width="100%" 
                                Orientation="Vertical">  
                                  
                            </telerik:RadDockZone> 
                        </td> 
                        <td width="40%" valign="top">  
                            <telerik:RadDockZone ID="rdzMiddle" 
                                Runat="server" 
                                Width="100%" 
                                Orientation="Vertical">  
                                  
                            </telerik:RadDockZone>                          
                        </td> 
                        <td width="30%" valign="top">  
                            <telerik:RadDockZone ID="rdzRight" 
                                Runat="server" 
                                Width="100%" 
                                Orientation="Vertical">  
 
                            </telerik:RadDockZone>                           
                        </td> 
                    </tr> 
                    <tr> 
                        <td colspan="3" valign="top">  
                            <telerik:RadDockZone ID="rdzBottom" 
                                Runat="server" 
                                Width="100%" 
                                Orientation="Vertical">  
 
                            </telerik:RadDockZone>                               
                        </td> 
                    </tr>                      
                </table>                
            </telerik:RadDockLayout> 

 

Also above is my tabular code, I've removed the RadDocks as it's the dock zones that are incorrect and overlapping on the right hand edge.

0
Boone
Top achievements
Rank 2
answered on 19 Feb 2009, 07:48 PM
I would just change your outer table to have a cellpadding and cellspacing to 4

<table width="100%" cellpadding="4" cellspacing="4">

That gives the desired results.



0
Tim Carmichael
Top achievements
Rank 1
answered on 20 Feb 2009, 02:27 PM

Hi there Boone,

 

I've tried as you suggest but unfortunately the zones still overlap.  The right hand edge carries on for about 8-10 pixels more than it should do.

 

Nick.

0
Tim Carmichael
Top achievements
Rank 1
answered on 20 Feb 2009, 03:38 PM
I've managed to achieve what I wanted by adjusting the widths of the RadDropZones.  Rather than being 100% of the table cell I have reduced them slightly so that they then become the correct size.  Not the best of fixes of course but it's working.
Tags
Dock
Asked by
Tim Carmichael
Top achievements
Rank 1
Answers by
Tim Carmichael
Top achievements
Rank 1
Boone
Top achievements
Rank 2
Share this question
or