skip to main content

Title: Integration of Engineered “Spark-Cell” Spheroids for Optical Pacing of Cardiac Tissue
Optogenetic methods for pacing of cardiac tissue can be realized by direct genetic modification of the cardiomyocytes to express light-sensitive actuators, such as channelrhodopsin-2, ChR2, or by introduction of light-sensitized non-myocytes that couple to the cardiac cells and yield responsiveness to optical pacing. In this study, we engineer three-dimensional “spark cells” spheroids, composed of ChR2-expressing human embryonic kidney cells (from 100 to 100,000 cells per spheroid), and characterize their morphology as function of cell density and time. These “spark-cell” spheroids are then deployed to demonstrate site-specific optical pacing of human stem-cell-derived cardiomyocytes (hiPSC-CMs) in 96-well format using non-localized light application and all-optical electrophysiology with voltage and calcium small-molecule dyes or genetically encoded sensors. We show that the spheroids can be handled using liquid pipetting and can confer optical responsiveness of cardiac tissue earlier than direct viral or liposomal genetic modification of the cardiomyocytes, with 24% providing reliable stimulation of the iPSC-CMs within 6 h and >80% within 24 h. Moreover, our data show that the spheroids can be frozen in liquid nitrogen for long-term storage and transportation, after which they can be deployed as a reagent on site for optical cardiac pacing. In all cases, optical stimulation was achieved at more » relatively low light levels (<0.15 mW/mm 2 ) when 5 ms or longer pulses were used. Our results demonstrate a scalable, cost-effective method with a cryopreservable reagent to achieve contactless optical stimulation of cardiac cell constructs without genetically modifying the myocytes, that can be integrated in a robotics-amenable workflow for high-throughput drug testing. « less
Authors:
; ; ; ;
Award ID(s):
1830941 1827535
Publication Date:
NSF-PAR ID:
10356492
Journal Name:
Frontiers in Bioengineering and Biotechnology
Volume:
9
ISSN:
2296-4185
Sponsoring Org:
National Science Foundation
More Like this
  1. Human induced pluripotent stem cell-derived cardiomyocytes (hiPSC-CMs) enable cardiotoxicity testing and personalized medicine. However, their maturity is of concern, including relatively depolarized resting membrane potential and more spontaneous activity compared with adult cardiomyocytes, implicating low or lacking inward rectifier potassium current ( I k1 ). Here, protein quantification confirms Kir2.1 expression in hiPSC-CM syncytia, albeit several times lower than in adult heart tissue. We find that hiPSC-CM culture density influences Kir2.1 expression at the mRNA level (potassium inwardly rectifying channel subfamily J member 2) and at the protein level and its associated electrophysiology phenotype. Namely, all-optical cardiac electrophysiology and pharmacological treatments reveal reduction of spontaneous and irregular activity and increase in action potential upstroke in denser cultures. Blocking I k1 -like currents with BaCl 2 increased spontaneous frequency and blunted action potential upstrokes during pacing in a dose-dependent manner only in the highest-density cultures, in line with I k1 ’s role in regulating the resting membrane potential. Our results emphasize the importance of syncytial growth of hiPSC-CMs for more physiologically relevant phenotype and the power of all-optical electrophysiology to study cardiomyocytes in their multicellular setting. NEW & NOTEWORTHY We identify cell culture density and cell-cell contact as an important factormore »in determining the expression of a key ion channel at the transcriptional and the protein levels, KCNJ2/Kir2.1, and its contribution to the electrophysiology of human induced pluripotent stem cell-derived cardiomyocytes. Our results indicate that studies on isolated cells, out of tissue context, may underestimate the cellular ion channel properties being characterized.« less
  2. Abstract Intercellular electrical coupling is an essential means of communication between cells. It is important to obtain quantitative knowledge of such coupling between cardiomyocytes and non-excitable cells when, for example, pathological electrical coupling between myofibroblasts and cardiomyocytes yields increased arrhythmia risk or during the integration of donor (e.g., cardiac progenitor) cells with native cardiomyocytes in cell-therapy approaches. Currently, there is no direct method for assessing heterocellular coupling within multicellular tissue. Here we demonstrate experimentally and computationally a new contactless assay for electrical coupling, OptoGap, based on selective illumination of inexcitable cells that express optogenetic actuators and optical sensing of the response of coupled excitable cells (e.g., cardiomyocytes) that are light-insensitive. Cell–cell coupling is quantified by the energy required to elicit an action potential via junctional current from the light-stimulated cell(s). The proposed technique is experimentally validated against the standard indirect approach, GapFRAP, using light-sensitive cardiac fibroblasts and non-transformed cardiomyocytes in a two-dimensional setting. Its potential applicability to the complex three-dimensional setting of the native heart is corroborated by computational modelling and proper calibration. Lastly, the sensitivity of OptoGap to intrinsic cell-scale excitability is robustly characterized via computational analysis.
  3. Efforts to direct the specification of human pluripotent stem cells (hPSCs) to therapeutically important somatic cell types have focused on identifying proper combinations of soluble cues. Yet, whether exosomes, which mediate intercellular communication, play a role in the differentiation remains unexplored. We took a first step toward addressing this question by subjecting hPSCs to stage-wise specification toward cardiomyocytes (CMs) in scalable stirred-suspension cultures and collecting exosomes. Samples underwent liquid chromatography (LC)/mass spectrometry (MS) and subsequent proteomic analysis revealed over 300 unique proteins from four differentiation stages including proteins such as PPP2CA, AFM, MYH9, MYH10, TRA2B, CTNNA1, EHD1, ACTC1, LDHB, and GPC4, which are linked to cardiogenic commitment. There was a significant correlation of the protein composition of exosomes with the hPSC line and stage of commitment. Differentiating hPSCs treated with exosomes from hPSC-derived CMs displayed improved efficiency of CM formation compared to cells without exogenously added vesicles. Collectively, these results demonstrate that exosomes from hPSCs induced along the CM lineage contain proteins linked to the specification process with modulating effects and open avenues for enhancing the biomanufacturing of stem cell products for cardiac diseases.
  4. Cardiomyocytes (CMs) and fibroblast cells are two essential elements for cardiac tissue structure and function. The interactions between them can alter cardiac electrophysiology and thus contribute to cardiac diseases, such as arrhythmogenesis. One possible explanation is that fibroblasts can directly affect cardiac electrophysiology through electrical coupling with CMs. Therefore, detecting the electrical activities in the CM-fibroblast network is vital for understanding the coupling dynamics among them. Current commercialized platforms for studying cardiac electrophysiology utilize planar microelectrode arrays (MEAs) to record the extracellular field potential (FP) in real-time, but the prearranged electrode configuration highly limits the measurement capabilities at specific locations. Here, we report a custom-designed MEA device with a novel micropatterning method to construct a controlled network of neonatal rat CMs (rCMs) and fibroblast connections for monitoring the electrical activity of rCM-fibroblast co-cultures in a spatially controlled fashion. For the micropatterning of the co-culture, surface topographical features and mobile blockers were used to control the initial attachment locations of a mixture of rCMs and fibroblasts, to form separate beating rCM-fibroblast clusters while leaving empty space for fibroblast growth to connect these clusters. Once the blockers are removed, the proliferating fibroblasts connect and couple the separate beating clusters. Using this method,more »electrical activity of both rCMs and human-induced-pluripotent-stem-cell-derived cardiomyocytes (iCMs) was examined. The coupling dynamics were studied through the extracellular FP and impedance profile recorded from the MEA device, indicating that the fibroblast bridge provided an RC-type coupling of physically separate rCM-containing clusters and enabled synchronization of these clusters.« less
  5. Abstract

    Genetically encoded fluorescent voltage indicators, such as ArcLight, have been used to report action potentials (APs) in human induced pluripotent stem cell-derived cardiomyocytes (hiPSC-CMs). However, the ArcLight expression, in all cases, relied on a high number of lentiviral vector-mediated random genome integrations (8-12 copy/cell), raising concerns such as gene disruption and alteration of global and local gene expression, as well as loss or silencing of reporter genes after differentiation. Here, we report the use of clustered regularly interspaced short palindromic repeats (CRISPR)/Cas9 nuclease technique to develop a hiPSC line stably expressing ArcLight from the AAVS1 safe harbor locus. The hiPSC line retained proliferative ability with a growth rate similar to its parental strain. Optical recording with conventional epifluorescence microscopy allowed the detection of APs as early as 21 days postdifferentiation, and could be repeatedly monitored for at least 5 months. Moreover, quantification and analysis of the APs of ArcLight-CMs identified two distinctive subtypes: a group with high frequency of spontaneous APs of small amplitudes that were pacemaker-like CMs and a group with low frequency of automaticity and large amplitudes that resembled the working CMs. Compared with FluoVolt voltage-sensitive dye, although dimmer, the ArcLight reporter exhibited better optical performance in termsmore »of phototoxicity and photostability with comparable sensitivities and signal-to-noise ratios. The hiPSC line with targeted ArcLight engineering design represents a useful tool for studying cardiac development or hiPSC-derived cardiac disease models and drug testing.

    </sec></span><a href='#' onclick='$(this).hide().prev().hide().prev().show();return false;' style='margin-left:10px;display:none;'>« less</a></div> </div><div class="clearfix"></div> </div> </li> </ol> <div class="push_top"></div> </div> </div> <div class="col-md-3"> <div id="citation-sidebar"> <ul class="nav nav-list" id="citation-fulltext-sidebar" style="font-size: 14px; font-family: Georgia Regular;"> <li style="font-weight: bold; margin-bottom: 5px; font-size:13px;">Free Publicly Accessible Full Text</li> <li> <span class="text-muted pull-right"><small id="citation-fulltext-sidebar-sizetext"></small></span><small><a class="misc" href="https://par.nsf.gov/servlets/purl/10356492" target="_blank">Accepted Manuscript1.0<img src="https://par.nsf.gov/img/ui/page_white_acrobat.png" alt="Accepted Manuscript" id="citation-fulltext-sidebar-size" class="ft_icon"/></a></small> </li> <li class="divider"></li> <li style="font-weight: bold; margin-bottom: 5px; font-size:13px;">Publisher's Version of Record</li> <li style="word-wrap: break-word;" class="small"> <a href="https://doi.org/10.3389/fbioe.2021.658594" target="_blank" rel="noreferrer" title="Document DOI URL" class="doi-link" data-ostiid="10356492" style="word-wrap: break-word;">https://doi.org/10.3389/fbioe.2021.658594</a></li> </ul> <div class="hidden-print"> <ul class="nav nav-list clearfix" id="sidebar-feedback" style="margin-top: 20px; margin-bottom: 20px; clear: both;"> <li style="position: relative;"> <div class="feedback-container"> <div style="font-family: Georgia Regular; font-size: 14px; color: #313b52; padding:20px;"> Have feedback or suggestions for a way to improve these results?<br/> <span style="text-decoration: underline;"> <script type="text/javascript" defer>/* <![CDATA[ */ user = "feedback"; site = "research.gov"; subject = "?subject=Comments or Suggestions"; content = "<span class='far fa-envelope'></span><span style='padding-left:5px'>Let us know</span>"; id = ""; document.write('<a itemprop="'+ id +'" href="mailto:' + user + '@' + site + subject + '">' + (content != '' ? content : (user + '@' + site)) + '</a>'); /* ]]> */</script> <noscript></noscript>!</span> </div> </li> </ul> <ul class="nav nav-list" style="font-size: 14px; font-family: Arial Regular;"> <li class="nav-header header-format">Citation Formats</li> <li class="links-format"><a href="#cite-mla" data-toggle="modal">MLA</a> <div id="cite-mla" class="modal" tabindex="-1" role="dialog" aria-labelledby="cite-mla_label" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <strong id="cite-mla_label">Cite: MLA Format</strong> </div> <div class="modal-body" >Chua, Christianne J., Han, Julie L., Li, Weizhen, Liu, Wei, and Entcheva, Emilia. <em>Integration of Engineered “Spark-Cell” Spheroids for Optical Pacing of Cardiac Tissue</em>. Retrieved from https://par.nsf.gov/biblio/10356492. <em>Frontiers in Bioengineering and Biotechnology</em> 9. Web. doi:10.3389/fbioe.2021.658594. </div> <div class="modal-footer"> <button class="btn btn-sm btn-default" data-dismiss="modal" aria-hidden="true">Close</button> </div> </div> </div> </div></li> <li class="links-format"><a href="#cite-apa" data-toggle="modal">APA</a> <div id="cite-apa" class="modal" tabindex="-1" role="dialog" aria-labelledby="cite-apa_label" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <strong id="cite-apa_label">Cite: APA Format</strong> </div> <div class="modal-body">Chua, Christianne J., Han, Julie L., Li, Weizhen, Liu, Wei, & Entcheva, Emilia. <em>Integration of Engineered “Spark-Cell” Spheroids for Optical Pacing of Cardiac Tissue</em>. <em>Frontiers in Bioengineering and Biotechnology</em>, <em>9</em> (). Retrieved from https://par.nsf.gov/biblio/10356492. <a href="https://doi.org/10.3389/fbioe.2021.658594">https://doi.org/10.3389/fbioe.2021.658594</a> </div> <div class="modal-footer"> <button class="btn btn-sm btn-default" data-dismiss="modal" aria-hidden="true">Close</button> </div> </div> </div> </div></li> <li class="links-format"><a href="#cite-chi" data-toggle="modal">Chicago</a> <div id="cite-chi" class="modal" tabindex="-1" role="dialog" aria-labelledby="cite-chi_label" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <strong id="cite-chi_label">Cite: Chicago Format</strong> </div> <div class="modal-body">Chua, Christianne J., Han, Julie L., Li, Weizhen, Liu, Wei, and Entcheva, Emilia. "Integration of Engineered “Spark-Cell” Spheroids for Optical Pacing of Cardiac Tissue". <em>Frontiers in Bioengineering and Biotechnology</em> 9 (). Country unknown/Code not available. <a href="https://doi.org/10.3389/fbioe.2021.658594">https://doi.org/10.3389/fbioe.2021.658594.</a> <a href="https://par.nsf.gov/biblio/10356492">https://par.nsf.gov/biblio/10356492</a>. </div> <div class="modal-footer"> <button class="btn btn-sm btn-default" data-dismiss="modal" aria-hidden="true">Close</button> </div> </div> </div> </div></li> <li class="links-format"><a href="#cite-bib" data-toggle="modal">BibTeX</a> <div id="cite-bib" class="modal" tabindex="-1" role="dialog" aria-labelledby="cite-bib_label" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <strong id="cite-bib_label">Cite: BibTeX Format</strong> </div> <div class="modal-body"> @article{osti_10356492,<br/> place = {Country unknown/Code not available}, title = {Integration of Engineered “Spark-Cell” Spheroids for Optical Pacing of Cardiac Tissue}, url = {https://par.nsf.gov/biblio/10356492}, DOI = {10.3389/fbioe.2021.658594}, abstractNote = {Optogenetic methods for pacing of cardiac tissue can be realized by direct genetic modification of the cardiomyocytes to express light-sensitive actuators, such as channelrhodopsin-2, ChR2, or by introduction of light-sensitized non-myocytes that couple to the cardiac cells and yield responsiveness to optical pacing. In this study, we engineer three-dimensional “spark cells” spheroids, composed of ChR2-expressing human embryonic kidney cells (from 100 to 100,000 cells per spheroid), and characterize their morphology as function of cell density and time. These “spark-cell” spheroids are then deployed to demonstrate site-specific optical pacing of human stem-cell-derived cardiomyocytes (hiPSC-CMs) in 96-well format using non-localized light application and all-optical electrophysiology with voltage and calcium small-molecule dyes or genetically encoded sensors. We show that the spheroids can be handled using liquid pipetting and can confer optical responsiveness of cardiac tissue earlier than direct viral or liposomal genetic modification of the cardiomyocytes, with 24% providing reliable stimulation of the iPSC-CMs within 6 h and >80% within 24 h. Moreover, our data show that the spheroids can be frozen in liquid nitrogen for long-term storage and transportation, after which they can be deployed as a reagent on site for optical cardiac pacing. In all cases, optical stimulation was achieved at relatively low light levels (<0.15 mW/mm 2 ) when 5 ms or longer pulses were used. Our results demonstrate a scalable, cost-effective method with a cryopreservable reagent to achieve contactless optical stimulation of cardiac cell constructs without genetically modifying the myocytes, that can be integrated in a robotics-amenable workflow for high-throughput drug testing.}, journal = {Frontiers in Bioengineering and Biotechnology}, volume = {9}, author = {Chua, Christianne J. and Han, Julie L. and Li, Weizhen and Liu, Wei and Entcheva, Emilia}, }</div> <div class="modal-footer"> <button class="btn btn-sm btn-default" data-dismiss="modal" aria-hidden="true">Close</button> </div> </div> </div> </div></li> <li class="divider"></li> </ul> <ul class="nav nav-list" style="font-size: 14px; font-family: Arial Regular;"> <li class="nav-header header-format">Export Metadata</li> <li class="links-format"><a href="https://par.nsf.gov/endnote?osti_id=10356492">EndNote</a></li> <li class="links-format"><a href="https://par.nsf.gov/export/format:excel/osti-id:10356492">Excel</a></li> <li class="links-format"><a href="https://par.nsf.gov/export/format:csv/osti-id:10356492">CSV</a></li> <li class="links-format"><a href="https://par.nsf.gov/export/format:xml/osti-id:10356492">XML</a></li> <li class="divider"></li> </ul> <ul class="nav nav-list" style="font-size: 14px; font-family: Arial Regular;"> <li class="nav-header header-format">Save / Share this Record</li> <li class="links-format"><a href="#shareemail" data-toggle="modal">Send to Email</a> <div id="shareemail" class="modal" tabindex="-1" role="dialog" aria-labelledby="shareemail_label" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <strong id="shareemail_label" style="margin: 0px;">Send to Email</strong> </div> <form id="sendtoemail-form" style="margin-bottom: 0px;"> <div class="modal-body" id="shareemail_body"> <div class="modal-body-default"> <label for="sendtoemail-email">Email address:</label><br/> <input type="text" name="email" value="" class="col-md-5 input-sm form-control" id="sendtoemail-email"/> <input type="hidden" name="osti_id" id="sendtoemail-osti_id" value="10356492" /> <input type="hidden" name="subject" id="sendtoemail-subject" /> <div class="clearfix"></div> <div class="hide"><label for="sendtoemail-body">Content:</label></div> <textarea name="body" id="sendtoemail-body" style="display:none;"></textarea> </div> <div class="modal-body-submitted hide"> </div> </div> <div class="modal-footer"> <button class="btn btn-sm btn-default" data-dismiss="modal" aria-hidden="true">Close</button> <button class="btn btn-sm btn-default" aria-hidden="true" type="submit" id="shareemail_submit"> <span class="fas fa-envelope"></span> Send </button> </div> </form> </div> </div> </div> </li> </ul> </div> <div class="push_top"></div> </div> </div> </div> </div> </div> </div> <input type="hidden" id="host_url" value="https://par.nsf.gov"/> <input type="hidden" id="base_url" value="/"/> <input type="hidden" id="param_osti_id" value="10356492"/> <span id="highlight-data"> </span> </div> </div> <footer class="row" id="footer-wrapper"> <div class="footer-content"> <div id="footerOSTI" class=" hidden-print"> <ul> <li><a target="_blank" rel="noreferrer" href="http://www.nsf.gov/policies/">Website Policies</a> | <a target="_blank" rel="noreferrer" href="http://www.nsf.gov/about/performance/">Budget and Performance</a> | <a target="_blank" rel="noreferrer" href="http://www.nsf.gov/oig/">Inspector General</a> | <a target="_blank" rel="noreferrer" href="http://www.nsf.gov/policies/privacy.jsp">Privacy</a> | <a target="_blank" rel="noreferrer" href="http://www.nsf.gov/policies/foia.jsp">FOIA</a> | <a target="_blank" rel="noreferrer" href="http://www.nsf.gov/od/odi/notice.jsp">No FEAR Act</a> | <a target="_blank" rel="noreferrer" href="http://usa.gov">USA.gov</a> | <a target="_blank" rel="noreferrer" href="http://www.nsf.gov/policies/access.jsp">Accessibility</a> | <a target="_blank" rel="noreferrer" href="http://www.nsf.gov/policies/nsf_plain_language.jsp">Plain Language</a> | <a target="_blank" rel="noreferrer" href="http://www.nsf.gov/help/contact.jsp">Contact</a> | <a target="_blank" rel="noreferrer" href="https://nsf.gov/help/">Help</a> </li> </ul> The National Science Foundation, 2415 Eisenhower Avenue, Alexandria, Virginia 22314, USA Tel: (703) 292-5111, FIRS: (800) 877-8339 | TDD: (800) 281-8749 </div> </div> </footer> </div> <div id="authorselect" class="modal" tabindex="-1" role="dialog" aria-labelledby="authorselect_label" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <div id="authorselect_label">Author Select</div> </div> <form id="authorselect-form" style="margin-bottom: 0px;"> <input type="hidden" name="pg" id="authorselect-pg" value="1" /> <div class="modal-body" id="authorselect_body"> <div class="row"> <div class="col-md-4"> <label for="authorselect-lname">Last Name:</label><br /> <input type="text" name="lname" class="input-sm form-control" id="authorselect-lname" placeholder="Last name" /><br /> </div> <div class="col-md-4"> <label for="authorselect-fname">First Name:</label><br /> <input type="text" name="fname" class="input-sm form-control" id="authorselect-fname" placeholder="First name" /> </div> <div class="col-md-2">  <br /> <a href="#" onclick="$('#authorselect-form').submit(); return false;" class="btn btn-sm btn-default"><span class="fas fa-search"></span><span class="sr-only">Search</span></a> </div> </div> <div class="push_top"></div> <div class="row"> <div class="col-md-12"> <ul class="nav nav-tabs"> <li class="active"><a href="#authorselect-tab-res" id="authorselect-tab-res-btn" data-toggle="tab">Search Results</a></li> <li><a href="#authorselect-tab-sel" id="authorselect-tab-sel-btn" data-toggle="tab">Selected Authors</a></li> </ul> <div class="tab-content"> <div class="tab-pane active" id="authorselect-tab-res" style="max-height: 450px;"> <div class="padding text-muted" id="authorselect-tab-res-content">Type in a name, or the first few letters of a name, in one or both of appropriate search boxes above and select the search button. An attempt will be made to match authors that most closely relate to the text you typed.</div> </div> <div class="tab-pane" id="authorselect-tab-sel" style="max-height: 450px;"> <div class="padding text-muted" id="authorselect-tab-sel-content">No authors are currently selected. Choosing "Select These Authors" will enter a blank value for author search in the parent form.</div> </div> </div> </div> </div> </div> <div class="modal-footer"> <button class="btn btn-sm btn-default" data-dismiss="modal" aria-hidden="true">Close</button> <button class="btn btn-sm btn-default" aria-hidden="true" type="button" id="authorselect_review" onclick="$('#authorselect-tab-sel-btn').click();" style="display: none;">Review Selections</button> <button class="btn btn-sm btn-default" aria-hidden="true" type="button" id="authorselect_submit" onclick="authorSelectAddToForm(); $('#authorselect').modal('hide');">Add Selections</button> </div> </form> </div> </div> </div> <div id="editorselect" class="modal" tabindex="-1" role="dialog" aria-labelledby="editorselect_label" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <div id="editorselect_label">Editor Select</div> </div> <form id="editorselect-form" style="margin-bottom: 0px;"> <input type="hidden" name="pg" id="editorselect-pg" value="1" /> <div class="modal-body" id="editorselect_body"> <div class="row"> <div class="col-md-4"> <label for="editorselect-lname">Last Name:</label><br /> <input type="text" name="lname" class="input-sm form-control" id="editorselect-lname" placeholder="Last name" /><br /> </div> <div class="col-md-4"> <label for="editorselect-fname">First Name:</label><br /> <input type="text" name="fname" class="input-sm form-control" id="editorselect-fname" placeholder="First name" /> </div> <div class="col-md-2">  <br /> <a href="#" onclick="$('#editorselect-form').submit(); return false;" class="btn btn-sm btn-default"><span class="fas fa-search"></span><span class="sr-only">Search</span></a> </div> </div> <div class="push_top"></div> <div class="row"> <div class="col-md-12"> <ul class="nav nav-tabs"> <li class="active"><a href="#editorselect-tab-res" id="editorselect-tab-res-btn" data-toggle="tab">Search Results</a></li> <li><a href="#editorselect-tab-sel" id="editorselect-tab-sel-btn" data-toggle="tab">Selected Editors</a></li> </ul> <div class="tab-content"> <div class="tab-pane active" id="editorselect-tab-res" style="max-height: 450px;"> <div class="padding text-muted" id="editorselect-tab-res-content">Type in a name, or the first few letters of a name, in one or both of appropriate search boxes above and select the search button. An attempt will be made to match editors that most closely relate to the text you typed.</div> </div> <div class="tab-pane" id="editorselect-tab-sel" style="max-height: 450px;"> <div class="padding text-muted" id="editorselect-tab-sel-content">No editors are currently selected. Choosing "Select These Editors" will enter a blank value for editor search in the parent form.</div> </div> </div> </div> </div> </div> <div class="modal-footer"> <button class="btn btn-sm btn-default" data-dismiss="modal" aria-hidden="true">Close</button> <button class="btn btn-sm btn-default" aria-hidden="true" type="button" id="editorselect_review" onclick="$('#editorselect-tab-sel-btn').click();" style="display: none;">Review Selections</button> <button class="btn btn-sm btn-default" aria-hidden="true" type="button" id="editorselect_submit" onclick="editorSelectAddToForm();$('#editorselect').modal('hide');">Add Selections</button> </div> </form> </div> </div> </div> <div class="push_top"></div> <!-- /content --> <input type='hidden' id='webtrend-id' value='dcsngbilzcxafpc7vw2qgbbij_3j2v'/> <input type='hidden' id='js-context-path' value='https://par.nsf.gov/'/> <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.7/latest.js?config=TeX-MML-AM_CHTML" defer></script> <script type="text/x-mathjax-config" defer> MathJax.Hub.Config({ tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]} }); </script> <noscript></noscript> <script src="https://par.nsf.gov/js/context.js" type="text/javascript" defer></script> <noscript></noscript> <script src="https://par.nsf.gov/js/libraries/jquery.min.js" type="text/javascript" defer></script> <noscript></noscript> <script src="https://par.nsf.gov/js/nsf_pages.extras.min.js" type="text/javascript" defer></script> <noscript></noscript> <script src="https://par.nsf.gov/js/nsf_pages.min.js" type="text/javascript" defer></script> <noscript></noscript> <!--$$$$$$$$$ the following blocks are for WebTrends $$$$$$$$--> <!-- START OF SmartSource Data Collector TAG --> <!-- Copyright (c) 1996-2009 WebTrends Inc. All rights reserved. --> <!-- Version: 8.6.2 --> <!-- Tag Builder Version: 3.0 --> <!-- Created: 5/7/2009 8:32:37 PM --> <script src="https://par.nsf.gov/js/webtrends.min.js" type="text/javascript" defer></script> <noscript></noscript> <!-- ----------------------------------------------------------------------------------- --> <!-- Warning: The two script blocks below must remain inline. Moving them to an external --> <!-- JavaScript include file can cause serious problems with cross-domain tracking. --> <!-- ----------------------------------------------------------------------------------- --> <script src="https://par.nsf.gov/js/webtrend-script.min.js" type="text/javascript" defer></script> <noscript> <div><img alt="" id="DCSIMG" width="1" height="1" src="http://wt.research.gov/dcsngbilzcxafpc7vw2qgbbij_3j2v/njs.gif?dcsuri=/nojavascript&WT.js=No&DCS.dcscfg=1&WT.tv=8.6.2"/></div> </noscript> <script src="https://par.nsf.gov/js/webtrendsactions.min.js" type="text/javascript" defer></script> <noscript></noscript> <!-- $$$$$$$$ End WebTrends $$$$$ --> <!-- /scripts --> </body> <!-- NSF PAGES v.@project.version@ --> </html>