Home / Community & Support / Knowledge Base / RadControls for ASP.NET and ASP.NET AJAX / Editor / Applying RestrictionZoneID to RadEditor dialogs

Applying RestrictionZoneID to RadEditor dialogs

Article Info

Rating: Not rated

Article information

Article relates to

 RadEditor for ASP.NET AJAX 

Created by

 Rumen Zhekov

HOW-TO
Apply RestrictionZoneID to RadEditor dialogs

DESCRIPTION
By default, RadEditor dialogs can be dragger with the mouse outside of the visiable part of the page area. This could be prevented by setting the RestrictionZoneID property of RadWindow. The solution below provides guidance how to do that.

SOLUTION
  1. Create a theme and skin file in it. In the skin file put the following RadWindow declaration and directive:

    <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
    <telerik:RadWindow KeepInScreenBounds="true" RestrictionZoneID="stopWindow" runat="server"></telerik:RadWindow    >
  2. Set the theme property in the Page directive of the aspx page with the editor:

    <%@ Page Language="C#" AutoEventWireup="true" Theme="SkinFileName" CodeFile="Default.aspx.cs" Inherits="_Default" %>
  3. Set id attribute with a value of "restictionzoneid" to the page HTML tag, e.g.

    <html  id="stopWindow" xmlns="http://www.w3.org/1999/xhtml">
  4. Put the following style tag in the head of the page to make the height of the html tag to be 100%:

       <style type="text/css"> 
        html
        {
            height: 100%;
        }
        </style>

Comments

There are no comments yet.
If you'd like to comment on this KB article, please, send us a Support Ticket.
Thank you!

Please Sign In to rate this article.