How to hide/show titlebar onmouseover/onmouseout?

[Adam Toth]

I have a requirement that my windows do not show the titlebar unless the user mouses over the window.

I don't see an onmouseover/out client event for RadWindow, and I'm sure this is a little complicated with iFrames capturing the mouse events.

Is there anything you can suggest to get me started?

I can use the set_visibleTitlebar method, but I'd like to use jquery to fade in/out the title bar, and possibly to attach an event handler to one of the RadWindow dom elements to detect the mouseover/mouseout.

Thanks,

Adam

[Fiko]

Hello Adam,

In general you can use this approach in order to hide the title bar row (oWindow is the client-side RadWindow object):

var titleBar = oWindow.GetTitlebar();
$telerik.$(titleBar).parent().hide();

The full solution, however, depends on how do you use the RadWindow control. Do you use its NavigateUrl property (which causes the content to be loaded in an IFRAME) or its ContentTemplate inner property (in this case a DIV is rendered that wraps the content)?


Regards,
Fiko
the Telerik team

[Adam Toth]

Thanks.

I am using a mix of NavigateUrl windows (iframe) and windows that load ASCX user controls into the ContentTemplate.

[Fiko]

Hi Adam,

I have attached a demo which shows how to achieve the desired result in both cases.

I hope this helps.

Regards,
Fiko
the Telerik team