Add Button to RadWindow Title Bar

[Robert]

I'm working with the Telerik RadWindow, and I am writing to ask how best to add a button to the RadWindow Title Bar;

Best regards - Rob

[Princy]

Hello Robert,

Try the following javascript on hooking OnClientShow event of the RadWindow.

JS:

<script type="text/javascript">
function OnClientShow(radWindow)
{
 var TitleBar = radWindow.GetTitlebar();
 var parent = TitleBar.parentNode;
 var oUL = parent.getElementsByTagName('UL')[0];
 if (!(oUL.firstChild.id == "customprintbuttonID"))
 {
   oUL.style.width = "192px";
   var oLI = document.createElement("LI");
   oLI.id = "customprintbuttonID"
   var A = document.createElement("A");
   oLI.appendChild(A);
   A.className = "customprintbutton";
   A.href = "javascript:void(0)";
   A.title = "Print Content";
   oUL.insertBefore(oLI, oUL.firstChild);
   radWindow._updateTitleWidth();
 }
}

Thanks,
Princy.

[Robert]

Thank you for the response, and the code to place the button on the Title Bar works great;

An additional question -

Is it possible to place a customized button, which reads "Return to Menu" as an example;

I am hoping to utilize this button to close the RadWindow - I already have the necessary JavaScript;

Thanks in advance for any insight;

[Princy]

Hello Robert,

Try the following JavaScript to close the RadWindow on Clicking the Button.
JS:

<script type="text/javascript">
 function OnClientShow(radWindow)
  {
   var TitleBar = radWindow.GetTitlebar();
   var parent = TitleBar.parentNode;
   var oUL = parent.getElementsByTagName('UL')[0];
   if (!(oUL.firstChild.id == "customprintbuttonID"))
    {
     oUL.style.width = "192px";
     var oLI = document.createElement("LI");
     oLI.id = "customprintbuttonID"
     var A = document.createElement("A");
     oLI.appendChild(A);
     A.className = "customprintbutton";
     A.href = "javascript:void(0)";
     A.title = "Close";
     A.onmousedown = closewindow;
     oUL.insertBefore(oLI, oUL.firstChild);
     radWindow._updateTitleWidth();
    }
  }
 function closewindow(e)
  {
   var oManager = GetRadWindowManager();
   var oWnd = oManager.GetWindowByName("RadWindow1");
   oWnd.Close();
   return $telerik.cancelRawEvent(e);
  }
</script>

Thanks,
Princy.

[rdmptn]

I believe you'd rather want to change the title property of the custom button to the desired string in the above snippet. Or you could just use the built-in Close button (with the [x]) and change its tooltip to the desired string via the localization options the RadWindow provides (http://www.telerik.com/help/aspnet-ajax/radwindow-localization.html).