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

Dock without borders

3 Answers 103 Views
Dock
This is a migrated thread and some comments may be shown as answers.
Chase Florell
Top achievements
Rank 1
Chase Florell asked on 03 Mar 2009, 10:33 PM
Is there a way to create a dock where if a user is logged in, they can see a bar to move the dock, but if they are not logged in, all bars/borders/themes/skins etc are hidden?

3 Answers, 1 is accepted

Sort by
0
Petio Petkov
Telerik team
answered on 06 Mar 2009, 03:22 PM
Hello Chase Florell,

If you set DockHandle to none the dock will be without a titlebar and could not be dragged, e.g.
RadDock1.DockHandle = Telerik.Web.UI.DockHandle.None;

If you want to have two different themes depending on the user status(logged, not logged), my suggestion is to create two different skins - one for the logged users and another one for not logged ones.



Best wishes,
Petio Petkov
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
0
Chase Florell
Top achievements
Rank 1
answered on 07 Mar 2009, 08:24 PM
The DockHandle worked for the title bar, but is there also a simple way of removing the top, side, and bottom borders without building a custom skin?  I would prefer to just be able to have "border:none" directly in the page.  Is this possible?
0
Petio Petkov
Telerik team
answered on 12 Mar 2009, 01:59 PM
Hello Chase Florell,

You should set border-width: 0px !important; to .rdTopBorder, .rdSideBorders, .rdBottomBorder  classes, e.g.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
 
<html xmlns="http://www.w3.org/1999/xhtml" > 
<head runat="server">  
    <title>Untitled Page</title> 
    <style type="text/css">  
    .rdTopBorder, .rdSideBorders, .rdBottomBorder   
    {  
        border-width: 0px !important;  
    }  
    </style> 
      
</head> 
<body> 
    <form id="form1" runat="server">  
    <asp:ScriptManager ID="ScriptManager1" runat="server"></asp:ScriptManager> 
    <div> 
    <telerik:RadDockLayout ID="RadDockLayout1" runat="server">  
        <telerik:RadDockZone ID="RadDockZone1" runat="server">  
            <telerik:RadDock ID="RadDock1" runat="server" Title="RadDock1">  
                <ContentTemplate> 
                    Some content  
                </ContentTemplate> 
            </telerik:RadDock> 
        </telerik:RadDockZone> 
    </telerik:RadDockLayout> 
    </div> 
    </form> 
</body> 
</html> 
 
The code below illustrates how to remove borders dinamically:
protected void Page_Load(object sender, EventArgs e)  
    {  
        LiteralControl myControl = new LiteralControl();  
        Page.Controls.Add(myControl);  
        myControl.Text = @"<style type=""text/css"">.rdTopBorder,
            .rdSideBorders,
            .rdBottomBorder{border-width: 0px !important;}</style>";  
    } 
Hope this helps!

Kind regards,
Petio Petkov
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
Tags
Dock
Asked by
Chase Florell
Top achievements
Rank 1
Answers by
Petio Petkov
Telerik team
Chase Florell
Top achievements
Rank 1
Share this question
or