hi,
I'm using version 14.1 and I have a webSpellChecker to check the textBox inside repeater. Spell checking dialogue window doesnot showup. Here is my code
<ig_spell:WebSpellChecker ID="WebSpellChecker1" runat="server"> <DialogOptions Modal ="true" /> </ig_spell:WebSpellChecker>
<asp:Repeater>
-----------------
--------------
<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:Repeater>
function openWebSpellChecker(objSpellChecker, a) { var spell2 = ig$(objSpellChecker); var text2 = $(a).parent().parent(".input-group").find(".spell").attr('id'); spell2.checkSpelling(text2.value, null, text2); }
Please suggest
Hello Himja,
From what I see the issue comes from the selector for the "text2" variable in the "openWebSpellChecker" function.
Try to use the following code for "openWebSpellChecker" instead:
function openWebSpellChecker(objSpellChecker, a) {
var spell2 = ig$(objSpellChecker);
var text2 = $(a).parent().parent(".input-group").find(".spell");
spell2.checkSpelling(text2.val(), null, text2.attr("id"));
}
Best regards,Martin PavlovInfragistics, Inc.
i tried but no luck .
Can you send me the entire aspx page, please.
Thanks in advance,Martin PavlovInfragistics, 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") %> <%# 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>
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?