Hello Himja,

I cannot see a reference to jQuery library and the implementation of the "openWebSpellChecker" function in your code. I believe those are in the Master page or somewhere else. Do you see any errors in the browser console? Which browser you use?

Best regards,
Martin Pavlov
Infragistics, Inc.

Here is the code

<%@ Page Title="Portfolio Detail" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="Portfolio.aspx.cs" Inherits="Web.Admin.Portfolio" %>

<%@ Register Assembly="Infragistics4.WebUI.WebSpellChecker.v14.1, Version=14.1.20141.2392, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" Namespace="Infragistics.WebUI.WebSpellChecker" TagPrefix="ig_spell" %>
<%@ Register Assembly="Infragistics4.Web.v16.2, Version=16.2.20162.2056, Culture=neutral, PublicKeyToken=7dd5c3163f2cd0cb" Namespace="Infragistics.Web.UI.LayoutControls" TagPrefix="ig" %>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder_Main" runat="server">
  <ig_spell:WebSpellChecker ID="WebSpellChecker1" runat="server">
            
      <DialogOptions Modal ="true" />
            
        </ig_spell:WebSpellChecker>
    <asp:LinkButton ID="btnBackToApplicationDetail1" runat="server" CssClass="btn btn-default" OnClick="btnBackToApplicationDetail_Click">
        <i class="fa fa-arrow-left"></i> Back to Application Detail
    </asp:LinkButton>
    <div class="clearfix"></div>
    <h3 class="col-sm-9">
        <asp:Label ID="lblFacilityName" runat="server" />
    </h3>
    <h3 class="col-sm-3 text-right">
        <asp:Label ID="lblLicense" runat="server" />
    </h3>
    <div class="clearfix"></div>
    <div class="col-sm-6">
        <div class="form-group">
            <label class="control-label" for="lblLegalName">
                Legal Name:</label>
            <asp:Label ID="lblLegalName" runat="server" />
        </div>
    </div>
    <div class="col-md-6">
        <div class="form-group">
            <label class="control-label" for="lblEmail">
                Email:</label>
            <asp:Label ID="lblEmail" runat="server" />
        </div>
    </div>
    <div class="clearfix"></div>
    <div class="panel panel-primary">
        <div class="panel-heading">
            Assessor
        </div>
        <div class="panel-body">
            <div class="bg-error">
                <asp:Label runat="server" ID="lblFeeMsg"></asp:Label>
            </div>
            <div class="col-md-6">
                <asp:LinkButton runat="server" ID="lnkAddAssessor" CssClass="btn btn-primary" OnClick="lnkAddAssessor_Click">
                    <i class="fa fa-plus"></i> Add Assessor / Reviewer
                </asp:LinkButton>
                <asp:GridView runat="server" ID="grvAssessor" CssClass="grid" AutoGenerateColumns="false" OnRowCommand="grvAssessor_OnRowCommand">
                    <Columns>
                        <asp:TemplateField HeaderStyle-Width="20">
                            <ItemTemplate>
                                <asp:LinkButton ID="btnDelete" runat="server" CommandName="DeleteRow" CommandArgument='<%# Eval("Application_Assessor_Id") %>' ClientIDMode="Static" ToolTip="Delete Assessor">
                            <i class="fa fa-trash fa-2x text-danger"></i>
                                </asp:LinkButton>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="Assessor">
                            <ItemTemplate>
                                <%# Eval("FirstName") %>&nbsp;<%# Eval("LastName") %>
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="Lead Assessor" ItemStyle-HorizontalAlign="Center" HeaderStyle-Width="150px">
                            <ItemTemplate>
                                <asp:CheckBox ID="chk1" runat="server" Enabled="false" Checked='<%# (Eval("IsLead").ToString() != null && Eval("IsLead").ToString() == "True") ? true : false  %>' />
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="Support Assessor" ItemStyle-HorizontalAlign="Center" HeaderStyle-Width="180px" >
                            <ItemTemplate>
                                <asp:CheckBox ID="chk3" runat="server" Enabled="false" Checked='<%# (Eval("IsSupportAssessor").ToString() != null && Eval("IsSupportAssessor").ToString() == "True") ? true : false  %>' />
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="Lead Reviewer" ItemStyle-HorizontalAlign="Center" HeaderStyle-Width="150px">
                            <ItemTemplate>
                                <asp:CheckBox ID="chk2" runat="server" Enabled="false" Checked='<%# (Eval("IsReviewer").ToString() != null && Eval("IsReviewer").ToString() == "True") ? true : false  %>' />
                            </ItemTemplate>
                        </asp:TemplateField>
                        <asp:TemplateField HeaderText="Support Reviewer" ItemStyle-HorizontalAlign="Center" HeaderStyle-Width="180px" >
                            <ItemTemplate>
                                <asp:CheckBox ID="chk4" runat="server" Enabled="false" Checked='<%# (Eval("IsSupportReviewer").ToString() != null && Eval("IsSupportReviewer").ToString() == "True") ? true : false  %>' />
                            </ItemTemplate>
                        </asp:TemplateField>
                    </Columns>
                    <EmptyDataTemplate>
                        No data found.
                    </EmptyDataTemplate>
                </asp:GridView>
            </div>
        </div>
    </div>
    <div class="clearfix">
    </div>
    <div class="panel panel-primary">
        <div class="panel-heading">
            Portfolio Information
            <span class="pull-right">
                <asp:Label ID="lblPortfolioStatus" runat="server" CssClass="badge" /></span>
            <div class="clearfix"></div>
        </div>
        <div class="panel-body">
       
            
        
            <asp:Repeater ID="rpPortfolioSections" runat="server" OnItemDataBound="rpPortfolioSections_ItemDataBound">
                <ItemTemplate>
                    <div class="clear">
                        <h6>
                            <asp:Label ID="lblSection" Text='<%# Eval("Description") %>' runat="server" />
                        </h6>
                        <asp:Label ID="lblSectionId" Text='<%# Eval("Portfolio_SectionId") %>' runat="server" Visible="false" />
                        <asp:GridView ID="gvPortfolioSectionItems" runat="server" DataKeyNames="Portfolio_SectionItemId" CssClass="grid" AllowPaging="false" AllowSorting="false" AutoGenerateColumns="false" OnDataBound="gvPortfolioSectionItems_DataBound">
                            <Columns>
                                <asp:TemplateField HeaderText="View" HeaderStyle-Width="40" ItemStyle-HorizontalAlign="Center">
                                    <ItemTemplate>
                                        <asp:LinkButton ID="btnViewSection" runat="server" CommandName="viewSectionItem">
                                            <i class="fa fa-file-text fa-2x"></i>
                                        </asp:LinkButton>
                                    </ItemTemplate>
                                </asp:TemplateField>
                                <asp:BoundField DataField="Description" HeaderText="Section Item" HeaderStyle-Width="250" />
                                <asp:TemplateField HeaderText="Status" HeaderStyle-Width="100">
                                    <ItemTemplate>
                                        <asp:Label ID="lblStatus" runat="server" />
                                    </ItemTemplate>
                                </asp:TemplateField>
                                <asp:TemplateField HeaderText="Return Comment">
                                    <ItemTemplate>
                                        <div class="input-group">            
                                            <asp:TextBox ID="txtComment" runat="server" ClientIDMode="AutoID" CssClass="comment spell form-control" ToolTip="Comment will be included in the email sent to provider when returning Portfolio." TextMode="MultiLine" Rows="2" Columns="55" />
                                            <div class="input-group-addon">
                                                <img id="checker" runat="server" src="../images/spellcheck.gif" title="Spell Check" class="checker"  onclick="openWebSpellChecker( 'WebSpellChecker1', this)"  />
                                          </div>
                                        </div>
                                    </ItemTemplate>
                                </asp:TemplateField>
                                <asp:TemplateField HeaderText="Return" HeaderStyle-Width="60" ItemStyle-HorizontalAlign="Center">
                                    <ItemTemplate>
                                        <asp:CheckBox ID="chkSelectRow" runat="server" CssClass="check" />
                                    </ItemTemplate>
                                </asp:TemplateField>
                            </Columns>
                        </asp:GridView>
                    </div>
                </ItemTemplate>
            </asp:Repeater>
            <div id="divComments" runat="server">
                <h6>Comments</h6>
            </div>
            <asp:Label ID="lblComments" runat="server" />
        </div>
    </div>
    <div class="action">
        <asp:LinkButton ID="btnBackToApplicationDetail2" runat="server" CssClass="btn btn-default" OnClick="btnBackToApplicationDetail_Click">
            <i class="fa fa-arrow-left"></i> Back to Application Detail
        </asp:LinkButton>
        <asp:LinkButton ID="btnReturnPortfolio" runat="server" CssClass="btn btn-danger" OnClick="btnReturnPortfolio_Click">
               <i class="fa fa-retweet"></i> Return Portfolio To Provider
        </asp:LinkButton>
        <asp:LinkButton ID="btnSavePortfolioComments" runat="server" CssClass="btn btn-primary" OnClick="btnSavePortfolioComments_Click">
                <i class="fa fa-save"></i> Save Comments
        </asp:LinkButton>
        <asp:LinkButton ID="btnAcceptPortfolio" runat="server" CssClass="btn btn-primary" OnClick="btnAcceptPortfolio_Click">
                <i class="fa fa-check"></i> Accept to Score Portfolio
        </asp:LinkButton>
        <asp:LinkButton ID="btnApprovePortfolio" runat="server" CssClass="btn btn-primary" OnClick="btnApprovePortfolio_Click">
                <i class="fa fa-thumbs-up"></i> Approve Portfolio
        </asp:LinkButton>
    </div>
    <div class="alert">
        <asp:Label ID="lblPortfolioMessage" runat="server" />
    </div>
    <div class="wdialog">
        <%--<ig:WebDialogWindow ID="wdPortfolioApproval" runat="server" CssClass="w600" InitialLocation="Centered" Modal="True" Moveable="False" WindowState="Hidden">
                    <Header CaptionText="Approve Portfolio">
                    </Header>
                    <ContentPane>
                        <Template>
                            <asp:UpdatePanel runat="server" ID="updWebDlg">
                                <ContentTemplate>
                                    <div class="clear srow80">
                                        <div class="note">
                                            <asp:Label ID="lblPortfolioAction" runat="server" />
                                            Please enter the approval comments for each section, if needed.<br />
                                            <b>Note:</b> The comments will <b>NOT BE</b> included in the email to Provider.
                                        </div>
                                        <div class="form-group">
                                            <label class="control-label" for="">
                                                Section 1:</label>
                                            <asp:TextBox ID="txtSection1Comment" runat="server" CssClass="comment spell small-font" TextMode="MultiLine" Rows="2" Columns="80"></asp:TextBox>
                                            <input type="image" name="checker" src="../images/spellcheck.gif" title="Spell Check" class="checker" />
                                        </div>
                                        <div class="form-group">
                                            <label class="control-label" for="">
                                                Section 2:</label>
                                            <asp:TextBox ID="txtSection2Comment" runat="server" CssClass="comment spell small-font" TextMode="MultiLine" Rows="2" Columns="80"></asp:TextBox>
                                            <input type="image" name="checker" src="../images/spellcheck.gif" title="Spell Check" class="checker" />
                                        </div>
                                        <div class="form-group">
                                            <label class="control-label" for="">
                                                Section 3:</label>
                                            <asp:TextBox ID="txtSection3Comment" runat="server" CssClass="comment spell small-font" TextMode="MultiLine" Rows="2" Columns="80"></asp:TextBox>
                                            <input type="image" name="checker" src="../images/spellcheck.gif" title="Spell Check" class="checker" />
                                        </div>
                                        <div class="form-group">
                                            <label class="control-label" for="">
                                                Section 4:</label>
                                            <asp:TextBox ID="txtSection4Comment" runat="server" CssClass="comment spell small-font" TextMode="MultiLine" Rows="2" Columns="80"></asp:TextBox>
                                            <input type="image" name="checker" src="../images/spellcheck.gif" title="Spell Check" class="checker" />
                                        </div>
                                        <div class="form-group">
                                            <label class="control-label" for="">
                                                Section 5:</label>
                                            <asp:TextBox ID="txtSection5Comment" runat="server" CssClass="comment spell small-font" TextMode="MultiLine" Rows="2" Columns="80"></asp:TextBox>
                                            <input type="image" name="checker" src="../images/spellcheck.gif" title="Spell Check" class="checker" />
                                        </div>
                                      <div class="row srow120">
                                            <label class="control-label" for="">
                                                Select Assessor:</label>
                                            <asp:DropDownList ID="ddlAssessor1" runat="server">
                                            </asp:DropDownList>
                                        </div>
                                        <div class="action">
                                            <asp:Button ID="btnSavePortfolioStatus" runat="server" Text="Approve" OnClick="btnSavePortfolioStatus_Click" />
                                            <input type="button" id="btnCancelPortfolio" onclick="closeWebDialogWindow('<%= wdPortfolioApproval.ClientID %>')" value="Cancel" />
                                        </div>
                                    </div>
                                </ContentTemplate>
                            </asp:UpdatePanel>
                            <asp:UpdateProgress ID="updWebDlgProgress" runat="server" DisplayAfter="1" AssociatedUpdatePanelID="updWebDlg">
                                <ProgressTemplate>
                                    <div class="progressBackgroundFilter">
                                    </div>
                                    <div class="processMessage ajax">
                                    </div>
                                </ProgressTemplate>
                            </asp:UpdateProgress>
                        </Template>
                    </ContentPane>
                </ig:WebDialogWindow>--%>
        <ig:WebDialogWindow ID="wdAssignAssessor" runat="server" Width="600" InitialLocation="Centered" Modal="True" Moveable="False" WindowState="Hidden">
            <Header CaptionText="Assign Assessor / Reviewer:">
            </Header>
            <ContentPane>
                <Template>

                    <asp:GridView runat="server" ID="grvClassRooms" CssClass="grid" AutoGenerateColumns="false" Visible="false">
                        <Columns>
                            <asp:BoundField DataField="AgeGroup" HeaderText="Age Group" />
                            <asp:BoundField DataField="ClassRooms" HeaderText="No. Classrooms" ItemStyle-HorizontalAlign="Center" />
                            <asp:BoundField DataField="Observations" HeaderText="No. Observations" ItemStyle-HorizontalAlign="Center" />
                        </Columns>
                        <EmptyDataTemplate>
                            No data found.
                        </EmptyDataTemplate>
                    </asp:GridView>
                    <asp:GridView ID="grvClassRooms_FDCH" runat="server" CssClass="grid" AutoGenerateColumns="false" Visible="false">
                        <Columns>
                            <asp:BoundField DataField="AgeGroup" HeaderText="Age Group" />
                            <asp:BoundField DataField="ClassRooms" HeaderText="No. Children" ItemStyle-HorizontalAlign="Center" />
                        </Columns>
                        <EmptyDataTemplate>
                            No data found.
                        </EmptyDataTemplate>
                    </asp:GridView>
                    <div class="text-muted">
                        Select an Assessor to be assigned to this application.
                    </div>
                    <div class="form-horizontal">
                        <div class="form-group">

                            <label class="col-md-5 control-label" for="ddlAssessor2">
                                Select Assessor / Reviewer:</label>
                            <asp:DropDownList ID="ddlAssessor2" runat="server" CssClass="form-control-static">
                            </asp:DropDownList>
                            <asp:RequiredFieldValidator ID="rfvAssessor" runat="server" CssClass="text-danger" Display="Dynamic" ErrorMessage="Select Assessor" ToolTip="Select Assessor" InitialValue="" ControlToValidate="ddlAssessor2" ValidationGroup="assessor"></asp:RequiredFieldValidator>
                        </div>
                        <div class="clearfix"></div>
                        <div class="form-group">
                            <div class="col-md-1"></div>
                            <div class="col-md-4">
                                <label class=" control-label" for="chkisLead">
                                    Is Lead Assessor:</label>
                                <asp:CheckBox runat="server" ID="chkisLead" CssClass=" form-control-static" OnClick="toggleRoles()" />
                            </div>

                            <div class="col-md-1"></div>
                            <div class="col-md-4">
                                <label class="control-label" for="chkisReviewer">
                                    Is Lead Reviewer:</label>
                                <asp:CheckBox runat="server" ID="chkisReviewer" CssClass=" form-control-static" OnClick="toggleRoles()" />
                            </div>
                            <div class="clearfix">
                            </div>
                            <div class="col-md-1"></div>
                            <div class="col-md-4">
                                <label class=" control-label" for="chkisSupportAssessor">
                                    Is Support Assessor:</label>
                                <asp:CheckBox runat="server" ID="chkisSupportAssessor" CssClass=" form-control-static" OnClick="toggleRoles()" />
                            </div>

                            <div class="col-md-1"></div>
                            <div class="col-md-4">
                                <label class="control-label" for="chkisSupportReviewer">
                                    Is Support Reviewer:</label>
                                <asp:CheckBox runat="server" ID="chkisSupportReviewer" CssClass=" form-control-static" OnClick="toggleRoles()" />
                            </div>
                        </div>
                    </div>
                    <div class="action">
                        <asp:LinkButton ID="btnSaveAsessor" runat="server" CssClass="btn btn-primary" Text="Assign Assessor / Reviewer" OnClick="btnSaveAssessor_OnClick" ValidationGroup="assessor" />
                        <input type="button" id="btnCancelAssessor" class="btn btn-default" onclick="closeWebDialogWindow('<%= wdAssignAssessor.ClientID %>    ')" value="Cancel" />
                    </div>
                    <div class="bg-danger">
                        <asp:Label runat="server" ID="lblAssessorError"></asp:Label>
                    </div>
                </Template>
            </ContentPane>
        </ig:WebDialogWindow>
        <ig:WebDialogWindow ID="igComments" runat="server" Width="400px" InitialLocation="Centered" Modal="True" Moveable="False" WindowState="Hidden">
            <Header CaptionText="Comments to Provider">
            </Header>
            <ContentPane>
                <Template>
                    <div class="fa-align-center">
                        <asp:Label runat="server" ID="Label1" Visible="false"></asp:Label>

                        Please enter your comments.
                           <p>
                               <asp:TextBox runat="server" ID="txtComments" ClientIDMode="AutoID" TextMode="MultiLine" onKeyPress=" return textboxMultilineMaxNumber(this,500)" />
                           </p>
                    </div>
                    <div class="btn-group center-block">
                        <asp:LinkButton runat="server" ID="btnSave" CssClass="btn btn-primary" OnClick="btnSave_Click" Text="Save" />
                        <asp:LinkButton runat="server" ID="btnCancel" CssClass="btn btn-primary" OnClick="btnCancel_Click" Text="Cancel" />
                    </div>
                </Template>
            </ContentPane>
        </ig:WebDialogWindow>
        <ig:WebDialogWindow ID="wdConfirm" runat="server" Width="400" InitialLocation="Centered" Modal="True" Moveable="False" WindowState="Hidden">
            <Header CaptionText="Confirm">
            </Header>
            <ContentPane>
                <Template>
                    <asp:Label runat="server" ID="lblAssessorId" Visible="false"></asp:Label>
                    <div class="note">
                        Are you sure you want to delete this Assessor? If this is a Lead Assessor and a Reviewer, please add another Lead Assessor/Reviewer.
                    </div>
                    <div class="action">
                        <asp:LinkButton runat="server" CssClass="btn btn-primary" ID="btnConfirmYes" OnClick="btnConfirmYes_Click" Text="Ok" />
                        <asp:LinkButton runat="server" CssClass="btn btn-primary" ID="btnConfirmNo" OnClick="btnConfirmNo_Click" Text="Cancel" />
                    </div>
                </Template>
            </ContentPane>
        </ig:WebDialogWindow>
        <ig:WebDialogWindow ID="wdReturnPortfolioAfterApproval" runat="server" Width="400" InitialLocation="Centered" Modal="True" Moveable="False" WindowState="Hidden">
            <Header CaptionText="Confirm">
            </Header>
            <ContentPane>
                <Template>
                    <div class="note">
                        Are you sure you want to return this Portfolio? Scoring has already started for this portfolio. If returned, all scores will be removed. Do you want to continue?
                    </div>
                    <div class="action">
                        <asp:LinkButton runat="server" CssClass="btn btn-primary" ID="btnReturnPortfolioAfterApprovalConfirm" OnClick="btnReturnPortfolioAfterApprovalConfirm_Click" Text="Ok" />
                        <asp:LinkButton runat="server" CssClass="btn btn-primary" ID="btnCancelReturnPortfolioAfterApproval" OnClick="btnCancelReturnPortfolioAfterApproval_Click" Text="Cancel" />
                    </div>
                </Template>
            </ContentPane>
        </ig:WebDialogWindow>
    </div>
   
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder_Scripts" runat="server">
    <script type="text/javascript">
        $(function() {
            Sys.WebForms.PageRequestManager.getInstance().add_endRequest(setApprOnLoad);
            setApprOnLoad();
        });
    </script>
</asp:Content>

Hello Himja,

Can you send me the entire aspx page, please.

Thanks in advance,
Martin Pavlov
Infragistics, Inc.

i tried but no luck .