Semi Transparent Dock

[arijit]

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

[eyal]

Hi arijit,

Check this link. It can give you some guidance.

br,
eyal

[Pero]

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.

[arijit]

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>

[Pero]

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.

[HL]

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 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
        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

[Pero]

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.

[HL]

Thanks