Semi Transparent Dock

8 posts, 0 answers
  1. arijit
    arijit avatar
    49 posts
    Member since:
    Jun 2012

    Posted 02 Feb 2010 Link to this post

    How can I set the background of a Dock to a semitransparent color ? 
    i.e. - some alfa values to the color
     
    Please help
    Thanks in Advance
    Arijit Chatterjee
  2. eyal
    eyal avatar
    54 posts
    Member since:
    Sep 2009

    Posted 04 Feb 2010 Link to this post

    Hi arijit,

    Check this link. It can give you some guidance.

    br,
    eyal
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Pero
    Admin
    Pero avatar
    1156 posts

    Posted 05 Feb 2010 Link to this post

    Hello Arijit,

    The following CSS code will set transparency to the dock's content (including the borders):

    .rdMiddle .rdCenter, .rdMiddle .rdRight, .rdMiddle .rdLeft, .rdBottom .rdCenter, .rdBottom .rdLeft, .rdBottom .rdRight
    {
        opacity: 0.7;
        mozopacity: 0.7;
        filter: alpha(opacity=70);
    }



    Greetings,
    Pero
    the Telerik team

    Watch a video on how to optimize your support resource searches and check out more tips on the blogs.
    Follow the status of features or bugs in PITS and vote for them to affect their priority.
  5. arijit
    arijit avatar
    49 posts
    Member since:
    Jun 2012

    Posted 15 Feb 2010 Link to this post

    the last code is not doing anything. I tried you style, but it is not making the dock semi transparent. the following is my code
    <telerik:RadDockLayout ID="RadDockLayout1" runat="server" EnableViewState="false" 
                        OnLoadDockLayout="RadDockLayout1_LoadDockLayout" OnSaveDockLayout="RadDockLayout1_SaveDockLayout" 
                        StoreLayoutInViewState="false">  
                        <telerik:RadDock runat="server" ID="fff">  
                          <ContentTemplate> 
                             arijit  
                          </ContentTemplate>                      
                        </telerik:RadDock> 
    </telerik:RadDockLayout> 
  6. Pero
    Admin
    Pero avatar
    1156 posts

    Posted 18 Feb 2010 Link to this post

    Hello Arijit,

    Which version of RadControls for ASP.NET AJAX are you using? The code I provided is specific for Q3 2009 and later version. Please try the following code:
    .RadDock
    {
        opacity: 0.7;
        mozopacity: 0.7;
        filter: alpha(opacity=70);
    }

    In case the problem persists please send a sample project where the issue be observed.


    All the best,
    Pero
    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.
  7. HL
    HL avatar
    55 posts
    Member since:
    Dec 2009

    Posted 22 Feb 2010 Link to this post

    I tried to use onClientDragStart() event. But it won't fire when I drag the Dock. I added these two events when I created the Dock. any idea?

     

    Thanks

    Helena

     Private Function CreateRadDock(ByVal strTitle As StringAs RadDock  
            Dim docksCount As Integer = CurrentDockStates.Count  
     
            Dim dock As New RadDock()  
            dock.DockMode = DockMode.Docked  
            dock.UniqueName = Guid.NewGuid().ToString()  
            dock.ID = String.Format("RadDock{0}", dock.UniqueName)  
            dock.Title = strTitle  
            dock.EnableAnimation = True  
     
            dock.Text = String.Format("Added at {0}", DateTime.Now)  
            dock.Width = Unit.Pixel(100)  
            dock.BorderWidth = Unit.Pixel(2)  
            dock.BorderColor = Color.LightGray  
            dock.Attributes.Add("onclientdragstart""javascript:OnClientDragStart();")  
            dock.Attributes.Add("onclientdragend""javascript:OnClientDragEnd();")  
     
            dock.Commands.Add(New DockCloseCommand())  
            dock.Commands.Add(New DockExpandCollapseCommand())  
          
          
            dock.CommandsAutoPostBack = True 
     
            Return dock  
        End Function 
  8. Pero
    Admin
    Pero avatar
    1156 posts

    Posted 25 Feb 2010 Link to this post

    Hi HL,

    You are not attaching the event handlers to the respective client-side events in the right way. The following code shows how to attach client-side event handlers:

    Private Function CreateRadDock(ByVal strTitle As String) As RadDock
        Dim docksCount As Integer = CurrentDockStates.Count
     
        Dim dock As New RadDock()
        dock.DockMode = DockMode.Docked
        dock.UniqueName = Guid.NewGuid().ToString()
        dock.ID = String.Format("RadDock{0}", dock.UniqueName)
        dock.Title = strTitle
        dock.EnableAnimation = True
     
        dock.Text = String.Format("Added at {0}", DateTime.Now)
        dock.Width = Unit.Pixel(100)
        dock.BorderWidth = Unit.Pixel(2)
        dock.BorderColor = Color.LightGray
     
        ''Attach event handlers
        dock.OnClientDragStart = "OnClientDragStart"
        dock.OnClientDragEnd = "OnClientDragEnd"
     
        'dock.Attributes.Add("onclientdragstart", "javascript:OnClientDragStart();")
        'dock.Attributes.Add("onclientdragend", "javascript:OnClientDragEnd();")
     
        dock.Commands.Add(New DockCloseCommand())
        dock.Commands.Add(New DockExpandCollapseCommand())
     
     
        dock.CommandsAutoPostBack = True
     
        Return dock
    End Function



    Greetings,
    Pero
    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.
  9. HL
    HL avatar
    55 posts
    Member since:
    Dec 2009

    Posted 25 Feb 2010 Link to this post

    Thanks
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017