Re: Cute editor not loading properly in jquery pop-up with Chrome

  •  01-10-2012, 6:42 AM

    Re: Cute editor not loading properly in jquery pop-up with Chrome

    Hi nrsharma,
     
    Please try the example below, I moved the display: none; into the div target.
     
    <%@ Page Language="C#" %>
    <%@ Register Namespace="CuteEditor" Assembly="CuteEditor" TagPrefix="CE" %>
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head id="Head1" 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;
             }
            
            .headrow
            {
                background: gray;
                color: White;
                height: 20px;
                margin-bottom: 10px;
                padding-top: 5px;
                font-weight: bold;
            }
            .close
            {
                cursor: pointer;
            }
        </style>
        <script src="http://www.hrgp.biz/HRGPScripts/jquery-1.5.js" type="text/javascript"></script>
        <%--Script for jquery Pop-up--%>
        <script src="http://www.hrgp.biz/include/HRGPScripts/jquery.tools.min.full.js" type="text/javascript"></script>
      
    </head>
    <body>
        <form id="form1" runat="server">
      
    <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;  display: none;">
            <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>
        </form>
    </body>
    </html>
      <script language="javascript" type="text/javascript">
            function OpenAddGoalPopUp() {
                $('#aAddGoal').overlay({ mask: { color: '#000', effect: 'apple' }, closeOnClick: false, load: true });
            }
        </script>
     
    Regards,
     
    Ken 
View Complete Thread