Hello members,
Here i am trying to open the popup, when i am clicking on the name(sureh) field.
Dude to multiple jquery's the bootstrap.min.js is not executing.
Can anyone guide me here.
Below am adding the code.
ASPX page:
- <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="default.aspx.cs" Inherits="Findcandidates._default" %>
- <!DOCTYPE html>
- <html xmlns="http://www.w3.org/1999/xhtml">
- <head runat="server">
- <meta charset="utf-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1" />
- <title>Candidate details</title>
- <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
- <link href="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/themes/start/jquery-ui.css" rel="stylesheet" type="text/css" />
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
- <link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css" />
- <link rel="stylesheet" href="/resources/demos/style.css" />
- <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
- <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
- <script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/jquery-ui.js" type="text/javascript"></script>
- <link href="Talpal_font.css" rel="stylesheet" />
- <script type="text/javascript">
- $(function () {
- $("[id*=Name]").click(function () {
- suresh();
- return false;
- });
- });
- function suresh() {
- $("#dialog").dialog({
- width: 400,
- modal: true
- });
- }
- $(function () {
- $( "#tabs" ).tabs();
- });
- $(document).ready(function() {
- var $submit = $("#btnbulk").hide(),
- $cbs = $("input[type='checkbox']").on('change', function() {
- $submit.toggle( $cbs.is(":checked") );
- });
- });
- $("[id*=btnbulk]").live("click", function () {
- $("#modal_dialog").dialog({
- });
- return false;
- });
- </script>
- <style>
- .ui-dialog {
- width:500px;
- }
- .ui-widget-header{
- border:white;
- background:white;
- }
- #GridView1,#GridView2 {
- font-family: Segoe UI;
- font-size: 10px;
- }
- .btn-bitbucket,.btnbulkemail,
- .addtopipeline,.conducttechscreen,
- .createvideoresume,.btnsendemail{
- color: #fff;
- background-color:#205081;
- border-color:rgba(0,0,0,0.2);
- }
- #GridView1,#GridView2 {
- font-family: 'Segoe UI';
- border-collapse: collapse;
- width: 100%;
- font-size: 10px;
- }
- #GridView1 td, #GridView1 th, #GridView2 td, #GridView2 th {
- border: 1px solid #ddd;
- text-align:center;
- }
- GridView1 tr:nth-child(even),GridView2 tr:nth-child(even) {
- background-color: #f2f2f2;
- }
- #GridView1 th,#GridView2 th {
- padding-top: 4px;
- padding-bottom: 4px;
- text-align: center;
- background-color: cornflowerblue;
- color: white;
- width:20px;
- font-size:11px!important;
- }
- .ui-tabs .ui-tabs-panel{
- padding:0px;
- }
- .modal_dialog{
- width:400px!important;
- }
- .move{
- padding:22px;
- }
- .auto-style1 {
- width: 300px;
- }
- .auto-style2 {
- width: 222px;
- }
- </style>
- </head>
- <body>
- <form runat="server">
- <table>
- <div class="row">
- <table style="width:100%;">
- <tr>
- <td style="width:40%;padding-left:18px">
- <table style="width:100%">
- <tr>
- <td>
- <span class="content-text-black"> Job title :</span><span style="color:red;font-size:11px">*</span><br />
- <%--<asp:RequiredFieldValidator ID="jobtitlevalidator" runat="server" ErrorMessage="Mandatory" ControlToValidate="txtjobtitle" ForeColor="Red" ValidationGroup="find_cand_validation" Display="Dynamic" CssClass="content-text-black" style="margin-bottom:10px;">
- </asp:RequiredFieldValidator>--%>
- <asp:TextBox ID="txtjobtitle" Width="92%" runat="server" TabIndex="1" class="content-text-black"></asp:TextBox>
- </td>
- </tr>
- <tr>
- <td>
- <span class="content-text-black"> Job description :</span><span style="color:red;font-size:11px">*</span>
- <%--<asp:RequiredFieldValidator ID="jobdescvalidator" runat="server" ErrorMessage="Mandatory" ControlToValidate="txtJobdesc" ForeColor="Red" ValidationGroup="find_cand_validation" Display="Dynamic" CssClass="content-text-black">
- </asp:RequiredFieldValidator>--%>
- <asp:TextBox ID="txtJobdesc" runat="server" Width="92%" Rows="6" ReadOnly="false" TextMode="MultiLine" placeholder="Type Job description" cssClass="content-text-black" TabIndex="2" ></asp:TextBox>
- </td>
- </tr>
- </table>
- </td>
- <td style="width:40%">
- <table style ="width:100%">
- <tr>
- <td>
- <span class="content-text-black"> Mandatory skills to be successful in this role:</span><span style="color:red;font-size:11px">*</span>
- <%--<asp:RequiredFieldValidator ID="mand_skill_validator" runat="server" ErrorMessage="Mandatory" ControlToValidate="txt_mandatory_skills" ForeColor="Red" ValidationGroup="find_cand_validation" Display="Dynamic" CssClass="content-text-black" style="margin-bottom:10px;">
- </asp:RequiredFieldValidator><br />--%>
- <asp:TextBox ID="txt_mandatory_skills" Rows="4" TabIndex="3" TextMode="MultiLine" runat="server" placeholder="Type mandatory skills as comma separated" CssClass="content-text-black" style="margin-bottom:10px;width:500px"></asp:TextBox>
- </td>
- </tr>
- <tr>
- <td>
- <span class="content-text-black">Job location:</span><span style="color:red;font-size:11px">*</span>
- <%--<asp:RequiredFieldValidator ID="currloc_validator" runat="server" ErrorMessage="Mandatory" ControlToValidate="txtcurrloc" ForeColor="Red" ValidationGroup="find_cand_validation" Display="Dynamic" CssClass="content-text-black">
- </asp:RequiredFieldValidator>--%>
- <br />
- <asp:TextBox ID="txtcurrloc" runat="server" placeholder="Type city name" TabIndex="4" CssClass="content-text-black" style="width:450px;margin-bottom:10px;" ></asp:TextBox>
- <asp:Button ID="btnsearch" runat="server" Text="Find" ValidationGroup="find_cand_validation" CssClass="btn btn-bitbucket" style="font-family:'Segoe UI'; font-size:11px; "/>
- </td>
- </tr>
- </table>
- </tr>
- </table>
- </div>
- </table>
- <asp:CheckBox ID="chkloc" AutoPostBack ="true" runat="server" TabIndex="5" Text ="Show only candidates in this location or open to relocation" CssClass="content-text-black move"/>
- <br />
- <asp:Label ID="lblsumofcandidates" runat="server" ForeColor="#0066ff" class="move" style="font-family: 'Segoe UI'; font-size: 12px;" Text="800 candidates matched with your searchsorted by key skills for sucess" ></asp:Label>
- <div id="tabs" style="width:1190px;">
- <ul>
- <li><a href="#tabs-1" style="font-family: 'Segoe UI'; font-size: 11px; text-align: center; width: 160px; ">Sophus it solutions database</a></li>
- <li><a href="#tabs-2" style="font-family: 'Segoe UI'; font-size: 11px; text-align: center; width: 80px; ">ATS(Ceipal)</a></li>
- <%--<li><a href="#tabs-3" style="font-family: 'Segoe UI'; font-size: 10px; text-align: center; width: 80px;">Monster</a></li>--%>
- </ul>
- <div id="tabs-1" style="width:100%">
- <div id="modal_dialog" class="modal-dialog" style="display:none; width:500px; font-family:'Segoe UI'; font-size:10px;" >
- <asp:DropDownList ID="DropDownList1" runat="server" CssClass="dropdown" >
- <asp:ListItem Value="1" Text="select"></asp:ListItem>
- <asp:ListItem Value="2">Avande</asp:ListItem>
- <asp:ListItem Value="3">Infosys</asp:ListItem>
- <asp:ListItem Value="4">Internal</asp:ListItem>
- <asp:ListItem Value="5">UST Global</asp:ListItem>
- <asp:ListItem Value="6">Walt Disney</asp:ListItem>
- <asp:ListItem Value="6">20th Century Fox</asp:ListItem>
- </asp:DropDownList>
- <br />
- <br />
- <asp:TextBox ID="txtbulkemail" runat="server" Height="340px" Width="273px" TextMode="MultiLine" >
- </asp:TextBox>
- <br />
- <asp:Button ID="btnbulkemail" runat="server" CssClass="btnsendemail" Text="Send email" style="float:right;"/>
- </div>
- <asp:Button type="submit" id="btnbulk" Text="Bulk email" runat="server" CssClass="btnbulkemail" style="font-family:'Segoe UI'; font-size: 10px; text-align:center; float:right;" />
- <br /> <asp:GridView ID="GridView1" runat="server" AutoGenerateColumns="false" OnRowDataBound="OnRowDataBound" >
- <Columns>
- <asp:TemplateField>
- <ItemTemplate>
- <asp:CheckBox ID="checkbox" class="checkbox1" name = "prog" runat="server" />
- </ItemTemplate>
- </asp:TemplateField>
- <asp:BoundField DataField="resumetoJDmatch" HeaderText="Resume to JD match" HeaderStyle-Width="150px" ItemStyle-Width="150px" />
- <asp:BoundField DataField="mandatoryskillmatch" HeaderText="Key skills to be sucessfull in this role" HeaderStyle-Width="150px" ItemStyle-Width="150px" />
- <asp:BoundField DataField="Datecreated" HeaderText="Date created" HeaderStyle-Width="120px" ItemStyle-Width="120px"/>
- <%-- <asp:TemplateField HeaderText="Name" HeaderStyle-Font-Bold="true" HeaderStyle-Width="6%" >
- <ItemTemplate>
- <asp:HyperLink ID="Name" runat="server" text="Name" style="cursor:pointer; "></asp:HyperLink>
- </ItemTemplate>
- </asp:TemplateField>--%>
- <asp:TemplateField HeaderText="Name" SortExpression="" HeaderStyle-Width="200px" ItemStyle-Width="200px">
- <ItemTemplate>
- <asp:LinkButton ID="Name" data-toggle="modal" style="font-family:'Segoe UI'; font-size: 10px;" data-target="#myModal" runat="server" Text="Suresh"></asp:LinkButton>
- <%--<asp:LinkButton ID="Name" runat="server" CommandName="ShowPopup1" OnClientClick="ShowPopup1('dialog');" >Suresh</asp:LinkButton>--%>
- </ItemTemplate>
- </asp:TemplateField>
- <%--<asp:HyperLinkField DataTextField="Name" HeaderText="Name" ItemStyle-Width = "100" DataNavigateUrlFields="Name" DataNavigateUrlFormatString="~/WebForm1.aspx?Id={0}"/>--%>
- <asp:BoundField DataField="phonenumber" HeaderText="Phone number" HeaderStyle-Width="150px" ItemStyle-Width="150px"/>
- <asp:BoundField DataField="email" HeaderText="E-mail" HeaderStyle-Width="200px" ItemStyle-Width="200px"/>
- <asp:BoundField DataField="location" HeaderText="Location" HeaderStyle-Width="130px" ItemStyle-Width="130px"/>
- <asp:BoundField DataField="Relocation" HeaderText="Relocation Y/N" HeaderStyle-Width="100px" ItemStyle-Width="100px"/>
- </Columns>
- </asp:GridView>
- <div class="container">
- <%-- <asp:GridView ID="GridView2" runat="server" AutoGenerateColumns="false" OnPageIndexChanging="OnPageIndexChanging"
- PageSize="1" AllowPaging="true">
- <Columns>
- <%--<asp:TemplateField HeaderText = "Take action" ItemStyle-Width ="9%" HeaderStyle-Width="9%" HeaderStyle-ForeColor="white" HeaderStyle-Font-Bold="true" HeaderStyle-CssClass="grid_header">
- <ItemTemplate>
- <%--<asp:Label ID="lblapp_id" runat="server" Text='<% #Eval("applicant_id") %>' Visible="false"></asp:Label>--%>
- <%--<asp:ImageButton ID="img_add_pipeline" ToolTip="Add to pipeline" runat="server" ImageUrl="add_pipeline.png" />
- <asp:ImageButton ID="img_conduct_tech" ToolTip="Conduct tech screen" runat="server" ImageUrl="conduct_tech.png" />
- <asp:ImageButton ID="img_video_res" ToolTip="Video resume" runat="server" ImageUrl="video_resume.png" />
- </ItemTemplate>
- </asp:TemplateField>--%>
- <%--<asp:TemplateField HeaderText="Word resume (download)" ItemStyle-Wrap ="true" ItemStyle-Width ="5%" HeaderStyle-Font-Bold="true" HeaderStyle-Width="5%" HeaderStyle-Wrap="true" HeaderStyle-CssClass="grid_header" ItemStyle-CssClass="grid_header">
- <ItemTemplate>
- <asp:HyperLink ID="CustomerId" runat="server" text=""><img src="download.png" style="max-width:24px;max-height:24px;cursor:pointer;"/></asp:HyperLink>
- </ItemTemplate>
- </asp:TemplateField>
- <asp:TemplateField HeaderText="LinkedIn" ItemStyle-Wrap ="true" ItemStyle-Width="140" >
- <ItemTemplate>
- <asp:LinkButton ID="Name" runat="server" Text="Suresh"></asp:LinkButton>
- </ItemTemplate>
- </asp:TemplateField>--%>
- <%--<asp:BoundField DataField="Name" HeaderText="LinkedIn" ItemStyle-Width="140" />--%>
- <%-- <asp:BoundField DataField="Country" HeaderText="Digital resume" ItemStyle-Width="150" />
- <asp:BoundField DataField="SourceId" HeaderText="Source" ItemStyle-Width="70" />
- <asp:BoundField DataField="Workauthorization" HeaderText="Work authorization" ItemStyle-Width="150" />
- <asp:BoundField DataField="HRworked" HeaderText="HR worked" ItemStyle-Width="140" />
- </Columns>
- </asp:GridView>--%>
- <!-- Modal -->
- <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
- <div class="modal-dialog" role="document">
- <div class="modal-content">
- <div class="modal-header">
- <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">X</span></button>
- </div>
- <div class="modal-body">
- <table style="width: 550px; ">
- <tr>
- <td class="auto-style1">
- <asp:Label ID="lblname" runat="server" Text="Name:" Width="100px" Style="font-family: 'Segoe UI'; font-size: 12px;"></asp:Label>
- <asp:Label ID="lblcandidateName" runat="server" Text="Suresh" Width="90px" Style="font-family: 'Segoe UI'; font-size: 12px;"></asp:Label>
- </td>
- <td class="auto-style2">
- <asp:Label ID="lblsource" runat="server" Text="Source:" Width="100px" Style="font-family: 'Segoe UI'; font-size: 12px;"></asp:Label>
- <asp:Label ID="lblcandidatesource" runat="server" Text="Dice" Width="100px" Style="font-family: 'Segoe UI'; font-size: 12px;"></asp:Label>
- </td>
- </tr>
- <tr>
- <td class="auto-style1">
- <asp:Label ID="lblemail" runat="server" Text="Emial:" Width="100px" Style="font-family: 'Segoe UI'; font-size: 12px;"></asp:Label>
- <asp:Label ID="lblcandidateemail" runat="server" Width="90px" Text="[email protected]" Style="font-family: 'Segoe UI'; font-size: 12px;"></asp:Label>
- </td>
- <td class="auto-style2">
- <asp:Label ID="lblhrowrked" runat="server" Width="100px" Text="HR worked:" Style="font-family: 'Segoe UI'; font-size: 12px;"></asp:Label>
- <asp:Label ID="lblcandidatehrworked" runat="server" Text="Jevitha" Width="100px" Style="font-family: 'Segoe UI'; font-size: 12px;"></asp:Label>
- </td>
- </tr>
- <tr>
- <td class="auto-style1">
- <asp:Label ID="lblphone" runat="server" Text="Phone number:" Width="100px" Style="font-family: 'Segoe UI'; font-size: 12px;"></asp:Label>
- <asp:Label ID="lblcandidatephone" runat="server" Text="0123456789" Width="90px" Style="font-family: 'Segoe UI'; font-size: 12px;"></asp:Label>
- </td>
- <td class="auto-style2">
- <asp:Label ID="lblworkauthorization" runat="server" Width="105px" Text="Work authorization:" Style="font-family: 'Segoe UI'; font-size: 12px;"></asp:Label>
- <asp:Label ID="lblcandidateworkauthorization" runat="server" Width="100px" Text="US Citizen" Style="font-family: 'Segoe UI'; font-size: 12px;"></asp:Label>
- </td>
- </tr>
- <tr>
- <td class="auto-style1">
- <asp:Label ID="lbllocation" runat="server" Text="Location:" Width="100px" Style="font-family: 'Segoe UI'; font-size: 12px;"></asp:Label>
- <asp:Label ID="lblcandidatelocation" runat="server" Text="Seattle,WA" Width="90px" Style="font-family: 'Segoe UI'; font-size: 12px;"></asp:Label>
- </td>
- <td class="auto-style2">
- <asp:Label ID="lbldownloadresume" runat="server" Width="100px" Text="Download resume:" Style="font-family: 'Segoe UI'; font-size: 12px;"></asp:Label>
- <img src="download.PNG" alt="Smiley face" height="25" width="25" />
- </td>
- </tr>
- <tr>
- <td class="auto-style1">
- <asp:Label ID="lbllinkedin" runat="server" Text="Linkedin:" Width="100px" Style="font-family: 'Segoe UI'; font-size: 12px;"></asp:Label>
- <asp:HyperLink runat="server" Text="Suresh" NavigateUrl="https://www.linkedin.com/" Width="90px" Style="font-family: 'Segoe UI'; font-size: 12px;"></asp:HyperLink>
- </td>
- <td class="auto-style2">
- <asp:Label ID="lbldigitalresume" runat="server" Width="100px" Text="Digital resume:" Style="font-family: 'Segoe UI'; font-size: 12px;"></asp:Label>
- <asp:HyperLink runat="server" Text="digital_resume" NavigateUrl="https://www.linkedin.com/" Width="110px" Style="font-family: 'Segoe UI'; font-size: 12px;"></asp:HyperLink>
- </td>
- <td></td>
- </tr>
- </table>
- </div>
- </div>
- </div>
- </div>
- <%-- <div style="float:right; ">
- <asp:Button ID="btnaddtopipeline" runat="server" ToolTip="Add to pipeline" Text="Add to pipeline" CssClass="addtopipeline" style="font-family:'Segoe UI'; font-size: 10px; text-align:center; " />
- <asp:Button ID="btnconducttechscreen" runat="server" ToolTip="Conduct tech screen" Text="Conduct tech screen" CssClass="conducttechscreen" style="font-family:'Segoe UI'; font-size: 10px; text-align:center; " />
- <asp:Button ID="btncreatevideoresume" runat="server" ToolTip="Video resume" Text="video resume" CssClass="createvideoresume" style="font-family:'Segoe UI'; font-size: 10px; text-align:center; " />
- </div>--%>
- </div>
- <div id="tabs-2" >
- </div>
- <%-- <div id="tabs-3">
- </div>--%>
- </div>
- </div>
- </form>
- </body>
- </html>
CS Page:
- using System;
- using System.Web.UI.WebControls;
- using System.Data;
- namespace Findcandidates
- {
- public partial class _default : System.Web.UI.Page
- {
- protected void Page_Load(object sender, EventArgs e)
- {
- if (!this.IsPostBack)
- {
- DataTable dt = new DataTable();
- dt.Columns.AddRange(new DataColumn[8] { new DataColumn("resumetoJDmatch"), new DataColumn("mandatoryskillmatch"), new DataColumn("Datecreated"), new DataColumn("Name"), new DataColumn("phonenumber"), new DataColumn("email"), new DataColumn("Location"), new DataColumn("Relocation") });
- dt.Rows.Add( "100%","90%", "13-may-2019","Suresh ","1234567890","[email protected]", "san Jose,CA", "Y");
- dt.Rows.Add("100%", "90%", "13-may-2019", "Suresh ", "1234567890", "[email protected]", "san Jose,CA", "Y");
- dt.Rows.Add("100%", "90%", "13-may-2019", "Suresh ", "1234567890", "[email protected]", "san Jose,CA", "Y");
- dt.Rows.Add("100%", "90%", "13-may-2019", "Suresh ", "1234567890", "[email protected]", "san Jose,CA", "Y");
- dt.Rows.Add("100%", "90%", "13-may-2019", "Suresh ", "1234567890", "[email protected]", "san Jose,CA", "Y");
- dt.Rows.Add("100%", "90%", "13-may-2019", "Suresh ", "1234567890", "[email protected]", "san Jose,CA", "Y");
- dt.Rows.Add("100%", "90%", "13-may-2019", "Suresh ", "1234567890", "[email protected]", "san Jose,CA", "Y");
- dt.Rows.Add("100%", "90%", "13-may-2019", "Suresh ", "1234567890", "[email protected]", "san Jose,CA", "Y");
- dt.Rows.Add("100%", "90%", "13-may-2019", "Suresh ", "1234567890", "[email protected]", "san Jose,CA", "Y");
- dt.Rows.Add("100%", "90%", "13-may-2019", "Suresh ", "1234567890", "[email protected]", "san Jose,CA", "Y");
- dt.Rows.Add("100%", "90%", "13-may-2019", "Suresh ", "1234567890", "[email protected]", "san Jose,CA", "Y");
- dt.Rows.Add("100%", "90%", "13-may-2019", "Suresh ", "1234567890", "[email protected]", "san Jose,CA", "Y");
- dt.Rows.Add("100%", "90%", "13-may-2019", "Suresh ", "1234567890", "[email protected]", "san Jose,CA", "Y");
- GridView1.DataSource = dt;
- GridView1.DataBind();
- this.BindGrid();
- }
- }
- protected void OnPageIndexChanging(object sender, GridViewPageEventArgs e)
- {
-
-
-
- }
- protected void OnRowDataBound(object sender, GridViewRowEventArgs e)
- {
- DataTable dt = new DataTable();
- dt.Columns.AddRange(new DataColumn[8] { new DataColumn("resumetoJDmatch"), new DataColumn("mandatoryskillmatch"), new DataColumn("Datecreated"), new DataColumn("Name"), new DataColumn("phonenumber"), new DataColumn("email"), new DataColumn("Location"), new DataColumn("Relocation") });
- foreach (GridViewRow row in GridView1.Rows)
- {
- if (row.RowType == DataControlRowType.DataRow)
- {
- CheckBox checkbox = (row.Cells[0].FindControl("checkbox") as CheckBox);
- if (checkbox.Checked)
- {
- string resumetoJDmatch = row.Cells[1].Text;
- string mandatoryskillmatch = row.Cells[2].Text;
- string Datecreated = row.Cells[3].Text;
- string Name = row.Cells[4].Text;
- string phonenumber = row.Cells[5].Text;
- string email = row.Cells[6].Text;
- string Location = row.Cells[7].Text;
- string Relocation = row.Cells[8].Text;
- dt.Rows.Add(resumetoJDmatch, mandatoryskillmatch, Datecreated, Name, phonenumber, email, Location,Relocation);
- }
- }
- }
- if (e.Row.RowType == DataControlRowType.DataRow)
- {
- if (e.Row.RowIndex == 0)
- e.Row.Style.Add("height", "0px");
- }
- }
- }
- }
Thank you in advance!!