Hello Adam,
Please see the example here
http://www.hrgp.biz/TestEditor.aspx (try this in both IE and chrome). Please note that at our local development
environment this is not working at all (the content area is not visible). I had seen at the above url that content area of editor is visible sometime, so you need to test it by hit and try.
The code which I had used is as follows:
Head Section have
<head runat="server">
<title></title>
<style type="text/css">
.apple_overlay
{
width: 100%;
height: 100%;
background: #fff;
border: 2px solid #333;
position: absolute;
z-index: 3000;
display: none;
}
.headrow
{
background: gray;
color: White;
height: 20px;
margin-bottom: 10px;
padding-top: 5px;
font-weight: bold;
}
.close
{
cursor: pointer;
}
</style>
<script src="HRGPScripts/jquery-1.5.js" type="text/javascript"></script>
<%--Script for jquery Pop-up--%>
<script src="include/HRGPScripts/jquery.tools.min.full.js" type="text/javascript"></script>
<script language="javascript" type="text/javascript">
function OpenAddGoalPopUp() {
$('#aAddGoal').overlay({ mask: { color: '#000', effect: 'apple' }, closeOnClick: false, load: true });
}
</script>
</head>
and the popup section is
<a id="aAddGoal" rel='#divGoal' runat="server" class="Links" onclick="OpenAddGoalPopUp();">
Open PopUp</a>
<div class="apple_overlay" id="divGoal" style="width: 870px; height: auto;">
<div class="headrow">
<span id="spAddGoalTitle" style="padding-left: 10px;"></span><a class="close" style="background-image: url(../include/images/close.png);
position: absolute; right: 0%; top: 0%; margin: 0px; z-index: 10%; height: 35px;
width: 35px;" onclick="$('#divGoal').hide();"></a>
</div>
<div id="divGoalContent" style="padding-left: 10px;">
<table border="0" cellpadding="0" cellspacing="0" style="padding-left: 6px;">
<tr>
<td valign="top" align="left" style="padding-bottom: 5px; font-size: 12px;">
<b>Description</b>
</td>
<td style="padding-bottom: 5px;">
<CE:Editor ID="CEDescription" runat="server" AutoConfigure="Simple" AllowPasteHtml="true"
UseStandardDialog="true" CssClass="inputBox" Width="310px" Height="150px" ResizeMode="None"
ShowHtmlMode="false" ShowBottomBar="false" EnableStripScriptTags="false" TemplateItemList="bold, Italic, underline,JustifyLeft,JustifyCenter,JustifyRight,forecolor,backcolor,InsertOrderedList,InsertUnorderedList,NetSpell,InsertLink,Unlink" />
</td>
</tr>
</table>
</div>
</div>
Thanks