"Charity Edit"
Bootstrap 3.1.0 Snippet by maksim09

<link href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <link href="http://prodbelgium.beta.gsitechnology.co.uk/cassette.axd/stylesheet/45f0df8126f25fcbaedb1e5f6a3b4bf364f48063/styles" type="text/css" rel="stylesheet"> <div id="header"> <div class="navbar navbar-absolute-top"> <div class="container"> <div class="navbar-header"> <div class="row"> <div class="col-md-9 navbar-brand"> <a href="/default.aspx" title="Philantropie.be"> <div id="logo"> <img alt=" " id="Index" src="http://prodbelgium.beta.gsitechnology.co.uk/Content/images/logoFR.png"> <span class="logoDesc"><span>Agir en connaissance de cause</span></span> </div> </a> </div> <div class="col-md-3 header-right align-right"> <ul id="LoginPartial" class="nav navbar-nav navbar-top navbar-right"> <li> <div id="newsletter-button"> <a href="#" id="NewsletterHeader">Newsletter</a> </div> <div id="newsletter-content" class="box-content" style="display: none;"> <div class="white-background newsletter"> <div class="newsletter-form"> <form id="newslettersignup" class="form-inline" action="/new/Account/SubscribeNewsletter" autocomplete="off" data-bind="parsleyValidation{onFormValidate:Newsletter},enterKeyPress:Newsletter" novalidate=""> <div class="form-group"> <label class="control-label" for="NewsletterEmail">E-mail</label> <input class="form-control" data-bind="value: NewsletterEmail" data-parsley-required="True" data-parsley-required-message="Champ obligatoire" data-parsley-type="email" data-parsley-type-email-message="Merci de introduire une adresse e-mail valide" data-parsley-validation-threshold="3" id="NewsletterEmail" name="NewsletterEmail" placeholder="Obligatoire" value="" data-parsley-id="4656" style="background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAABHklEQVQ4EaVTO26DQBD1ohQWaS2lg9JybZ+AK7hNwx2oIoVf4UPQ0Lj1FdKktevIpel8AKNUkDcWMxpgSaIEaTVv3sx7uztiTdu2s/98DywOw3Dued4Who/M2aIx5lZV1aEsy0+qiwHELyi+Ytl0PQ69SxAxkWIA4RMRTdNsKE59juMcuZd6xIAFeZ6fGCdJ8kY4y7KAuTRNGd7jyEBXsdOPE3a0QGPsniOnnYMO67LgSQN9T41F2QGrQRRFCwyzoIF2qyBuKKbcOgPXdVeY9rMWgNsjf9ccYesJhk3f5dYT1HX9gR0LLQR30TnjkUEcx2uIuS4RnI+aj6sJR0AM8AaumPaM/rRehyWhXqbFAA9kh3/8/NvHxAYGAsZ/il8IalkCLBfNVAAAAABJRU5ErkJggg==); background-attachment: scroll; background-position: 100% 50%; background-repeat: no-repeat;"> <ul class="parsley-errors-list" id="parsley-id-4656"></ul> </div> <button class="btn search-button newsletter-button-submit" id="ContinueButton" type="submit">Continuez</button> </form> </div> </div> </div> </li> <li> <a href="/new/Account/Register" id="InscriptionButton">Inscription</a> </li> <li><a href="/Login.aspx" id="LoginButton">Login</a> </li> </ul> <script style="color: rgb(84, 84, 84);"> var jsonLoginPartialModel = '{"NewsletterHeader":"","InscriptionButton":"","LogoutButton":"","LoginButton":"","NewsletterEmail":"","ContinueButton":""}'; </script> <a href="http://www.kbs-frb.be/index.aspx?LangType=2060" id="Index" target="_blank" title=""> <img alt="" class="align-center" src="http://prodbelgium.beta.gsitechnology.co.uk/images/Logo_FRB_FR.png"> </a> </div> </div> </div> <div class="row align-center"> <ul class="nav navbar-nav main-nav"> <li><a href="/Default.aspx">Accueil</a> </li> <li><a href="#">A Propos</a> <ul> <li><a href="/about_us.aspx">Philanthropie.be</a> </li> <li><a href="/Useful_links.aspx">Liens utiles</a> </li> <li><a href="/Partners.aspx">Partenaires</a> </li> <li><a href="/FAQs.aspx">Questions Fréquentes</a> </li> <li><a href="/Terms.aspx">Conditions Générales</a> </li> </ul> </li> <li><a href="#">Espace association</a> <ul> <li><a href="/Registration.aspx">Inscription</a> </li> <li><a href="/Login.aspx">Login - Mise à jour</a> </li> <li><a href="/Login/CPBChangePassword.aspx">Modifier Mot de Passe</a> </li> <li><a href="/UserGuide.aspx">Guide de l'utilisateur</a> </li> </ul> </li> <li><a href="/Nieuws.aspx">Espace Infos</a> <ul> <li><a href="/News.aspx">Nouvelles</a> </li> <li><a href="/Dossiers.aspx">Dossiers</a> </li> <li><a href="/Projects.aspx">Appels à projets</a> </li> <li><a href="/Training.aspx">Formations</a> </li> <li><a href="/What_can_I_do.aspx">Que puis-je faire ?</a> </li> </ul> </li> <li><a href="#">Contact</a> <ul> <li><a href="/Contact.aspx">Contact</a> </li> <li><a href="/Feedback.aspx">Formulaire de contact</a> </li> </ul> </li> </ul> </div> </div> </div> <div class="navbar navbar-default navbar-fixed-top"> <div class="container"> <div class="navbar-header"> <a href="/new" title="Philantropie.be" class="sygnat"> <img alt="logo" id="Index" src="/Content/images/sygnat-philanthropie.png"> </a> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"> </span> </button> </div> <div class="navbar-full"> <ul class="nav navbar-nav main-nav"> <li><a href="/Default.aspx">Accueil</a> </li> <li><a href="#">A Propos</a> <ul> <li><a href="/about_us.aspx">Philanthropie.be</a> </li> <li><a href="/Useful_links.aspx">Liens utiles</a> </li> <li><a href="/Partners.aspx">Partenaires</a> </li> <li><a href="/FAQs.aspx">Questions Fréquentes</a> </li> <li><a href="/Terms.aspx">Conditions Générales</a> </li> </ul> </li> <li><a href="#">Espace association</a> <ul> <li><a href="/Registration.aspx">Inscription</a> </li> <li><a href="/Login.aspx">Login - Mise à jour</a> </li> <li><a href="/Login/CPBChangePassword.aspx">Modifier Mot de Passe</a> </li> <li><a href="/UserGuide.aspx">Guide de l'utilisateur</a> </li> </ul> </li> <li><a href="/Nieuws.aspx">Espace Infos</a> <ul> <li><a href="/News.aspx">Nouvelles</a> </li> <li><a href="/Dossiers.aspx">Dossiers</a> </li> <li><a href="/Projects.aspx">Appels à projets</a> </li> <li><a href="/Training.aspx">Formations</a> </li> <li><a href="/What_can_I_do.aspx">Que puis-je faire ?</a> </li> </ul> </li> <li><a href="#">Contact</a> <ul> <li><a href="/Contact.aspx">Contact</a> </li> <li><a href="/Feedback.aspx">Formulaire de contact</a> </li> </ul> </li> </ul> </div> <div class="navbar-collapse collapse navbar-mobile" style="height: 1px;"> <ul class="nav navbar-nav"> <li><a href="/Default.aspx">Accueil</a> </li> <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">A Propos<b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="/about_us.aspx">Philanthropie.be</a> </li> <li><a href="/Useful_links.aspx">Liens utiles</a> </li> <li><a href="/Partners.aspx">Partenaires</a> </li> <li><a href="/FAQs.aspx">Questions Fréquentes</a> </li> <li><a href="/Terms.aspx">Conditions Générales</a> </li> </ul> </li> <li></li> <li></li> <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Espace association<b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="/Registration.aspx">Inscription</a> </li> <li><a href="/Login.aspx">Login - Mise à jour</a> </li> <li><a href="/Login/CPBChangePassword.aspx">Modifier Mot de Passe</a> </li> <li><a href="/UserGuide.aspx">Guide de l'utilisateur</a> </li> </ul> </li> <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Espace Infos<b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="/Nieuws.aspx">Espace Infos</a> </li> <li class="divider"></li> <li><a href="/News.aspx">Nouvelles</a> </li> <li><a href="/Dossiers.aspx">Dossiers</a> </li> <li><a href="/Projects.aspx">Appels à projets</a> </li> <li><a href="/Training.aspx">Formations</a> </li> <li><a href="/What_can_I_do.aspx">Que puis-je faire ?</a> </li> </ul> </li> <li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Contact<b class="caret"></b></a> <ul class="dropdown-menu"> <li><a href="/Contact.aspx">Contact</a> </li> <li><a href="/Feedback.aspx">Formulaire de contact</a> </li> </ul> </li> </ul> </div> </div> </div> <div class="navbar-lang"> <a class="active" href="/new/Start/ChangeUiLanguage?selectedLanguage=2" onclick="Sys.Mvc.AsyncHyperlink.handleClick(this, new Sys.UI.DomEvent(event), { insertionMode: Sys.Mvc.InsertionMode.replace, httpMethod: 'GET' });">FR</a><a class="" href="/new/Start/ChangeUiLanguage?selectedLanguage=3" onclick="Sys.Mvc.AsyncHyperlink.handleClick(this, new Sys.UI.DomEvent(event), { insertionMode: Sys.Mvc.InsertionMode.replace, httpMethod: 'GET' });">NL</a><a class="" href="/new/Start/ChangeUiLanguage?selectedLanguage=4" onclick="Sys.Mvc.AsyncHyperlink.handleClick(this, new Sys.UI.DomEvent(event), { insertionMode: Sys.Mvc.InsertionMode.replace, httpMethod: 'GET' });">DE</a> </div> </div> <br/> <br/> <br/> <br/> <div class="container"> <h2> Update your charity</h2> <div class="row"> <div class="col-lg-12 col-sm-12"> <div class="panel panel-primary"> <div class="panel-heading clickable"> <h3 class="panel-title"> Basic information</h3> <span class="pull-right "><i class="glyphicon glyphicon-minus"></i></span> </div> <div class="panel-body"> <div class="form-group"> <label id="CharityNameLabel"><b>Charity name:</b> </label> <input class="form-control" data-bind="value: CharityName" data-parsley-required="True" data-parsley-required-message="Champ obligatoire" data-parsley-validation-threshold="3" id="CharityName" name="CharityName" placeholder="Obligatoire" value="" data-parsley-id="9591"> <ul class="parsley-errors-list" id="parsley-id-9591"></ul> </div> <div class="form-group"> <label id="CharityNameLabel"><b>Charity logo:</b> </label> <div data-bind="uploadButton: CharityLogo"><span class="btn fileinput-button"><input class="fileupload" data-additionalparameters="" data-allowedextensions="Jpg|Jpeg|Png|Tif|Tiff" data-delete-url="/new/Account/RemoveUploadedFile" data-fileextensionerrormessage="{file} has invalid extension. Only {extensions} are allowed." data-filesizeerrormessage="{file} is too large. Maximum file size is {sizeLimit}." data-filetype="Logo" data-maxsizelimit="2000000" data-url="/new/Account/FileUpload" name="CharityLogo" type="file" data-parsley-id="6744"><ul class="parsley-errors-list" id="parsley-id-6744"></ul><i class="glyphicon glyphicon-plus"></i></span> <div class="fade well dropzone">Drop files here</div> <div class="progress progress-striped active file-progress" style="display: none;"> <div aria-valuemax="100" aria-valuemin="0" class="progress-bar" role="progressbar" style="width: 100%;"></div> </div> <div class="fileUploadContainer pull-right" style="display: block;"> <img class="img-thumbnail" src="http://lorempixel.com/250/140/cats"> <div class="thunbButtons" style="left: 84.5px; bottom: 17px;"> <div class="glyphicon glyphicon-remove" data-remove-element-id="CharityLogo"></div> <div> <a class="preview" target="_blank" href="http://prodin.dev.vm-ts-guidestar.fp.lan/Uploads/Temp/3b1a2f2b-20c2-42fc-a88b-6dff11f00932.jpg"> <i class="glyphicon glyphicon-eye-open"></i> </a> </div> </div> </div><span class="fileName">a.jpg</span><span id="UploadErrorContainer_CharityLogo" style="display: none;"></span> <input class="urlHidden" style="display:none" data-parsley-id="4779"> <ul class="parsley-errors-list" id="parsley-id-4779"></ul> </div> </div> <div class="form-group"> <label class="control-label"><b>Other Charity Names:</b> </label> <div class="controls-list"> <div class="entry input-group"> <input class="form-control" name="fields[]" type="text" /> <span class="input-group-btn"> <button class="btn btn-success btn-add" type="button"> <span class="glyphicon glyphicon-plus"></span> </button> </span> </div> </div> <br> <small>Press <span class="glyphicon glyphicon-plus gs"></span> to add another field</small> </div> <div class="form-group"> <label id="CharityStrapLabel"><b>Charity Strap Line:</b> </label> <input class="form-control" data-bind="value: CharityName" data-parsley-required="True" data-parsley-required-message="Champ obligatoire" data-parsley-validation-threshold="3" id="CharityName" name="CharityName" value="" data-parsley-id="9591"> <ul class="parsley-errors-list" id="parsley-id-9591"></ul> </div> <div class="form-group"> <label id="CharityStrapLabel"><b>Year Founded:</b> </label> <input class="form-control datepicker" data-bind="value: CharityName" data-parsley-required="True" data-parsley-required-message="Champ obligatoire" data-parsley-validation-threshold="3" id="YearFounded" name="CharityName" value="" data-parsley-id="9591"> <ul class="parsley-errors-list" id="parsley-id-9591"></ul> </div> <div class="form-group"> <label id="CharityStrapLabel"><b>Charity website:</b> </label> <input class="form-control datepicker" data-bind="value: CharityName" data-parsley-required="True" placeholder="http://" data-parsley-required-message="Champ obligatoire" data-parsley-validation-threshold="3" value="" data-parsley-id="9591"> <ul class="parsley-errors-list" id="parsley-id-9591"></ul> </div> <div class="form-group"> <label id="CharityRegistrationTypeLabel"><b>Charity legal Entity:</b> </label> <div class="form-group"> <label class="control-label" for="CharityRegistrationType"></label> <select class="form-control" data-bind="value: CharityRegistrationType, event: { change: ClearTempCharityRegistrationDocument }" data-parsley-pattern="^(?!00000000-0000-0000-0000-000000000000$)" data-parsley-pattern-message="This field is required." data-parsley-validation-threshold="3" id="CharityRegistrationType" name="CharityRegistrationType" data-parsley-id="0167"> <option value="00000000-0000-0000-0000-000000000000">Not Selected</option> <option value="d2a6c94a-d7ee-4ce0-ae1e-5cb98a05426e">ASBL</option> <option value="2d5a0676-b7b2-4e76-b9e6-9969e60862d3">AISBL</option> <option value="1422e782-2b15-4eeb-a27b-3c6231e73f28">fondation d'utilité publique</option> <option value="1422e782-2b15-4eeb-a27b-3c6231e33f28">fondation privée</option> <option value="1422e782-2b15-4eeb-a27b-3c623123f28">entreprise d'économie sociale</option> <option value="1422e782-2b15-4eeb-a27b-3c623133f28">autre</option> </select> <ul class="parsley-errors-list" id="parsley-id-0167"></ul> </div> </div> <div class="form-group"> <label id="CharityRegistrationTypeLabel"><b>Default Language:</b> </label> <div class="form-group"> <label class="control-label" for="CharityRegistrationType"></label> <select class="form-control" data-bind="value: CharityRegistrationType, event: { change: ClearTempCharityRegistrationDocument }" data-parsley-pattern="^(?!00000000-0000-0000-0000-000000000000$)" data-parsley-pattern-message="This field is required." data-parsley-validation-threshold="3" id="CharityRegistrationType" name="CharityRegistrationType" data-parsley-id="0167"> <option value="00000000-0000-0000-0000-000000000000">Not Selected</option> <option value="d2a6c94a-d7ee-4ce0-ae1e-5cb98a05426e">Francais</option> <option value="2d5a0676-b7b2-4e76-b9e6-9969e60862d3">Nederlands</option> <option value="1422e782-2b15-4eeb-a27b-3c6231e73f28">Deutsch</option> </select> <ul class="parsley-errors-list" id="parsley-id-0167"></ul> </div> </div> <div class="form-group"> <label id="CharityRegistrationTypeLabel"><b>Mission:</b> </label> <textarea class="form-control" placeholder="Obligatoire" data-bind="value: CharityRegistrationType, event: { change: ClearTempCharityRegistrationDocument }" data-parsley-pattern="^(?!00000000-0000-0000-0000-000000000000$)" data-parsley-pattern-message="This field is required." data-parsley-validation-threshold="3" id="CharityRegistrationType" name="CharityRegistrationType"></textarea> </div> <button class="btn search-button button-submit pull-right" id="ContinueButton" type="submit">Save</button> </div> </div> </div> <div class="col-lg-12 col-sm-12"> <div class="panel panel-primary"> <div class="panel-heading clickable"> <h3 class="panel-title"> Media</h3> <span class="pull-right "><i class="glyphicon glyphicon-minus"></i></span> </div> <div class="panel-body"> <div class="form-group"> <label class="control-label"><b>Charity documents:</b> </label> <div class="controls-list"> <div class="entry input-group"> <div data-bind="uploadButton: CharityLogo"><span class="btn fileinput-button"><input class="fileupload" data-additionalparameters="" data-allowedextensions="Jpg|Jpeg|Png|Tif|Tiff" data-delete-url="/new/Account/RemoveUploadedFile" data-fileextensionerrormessage="{file} has invalid extension. Only {extensions} are allowed." data-filesizeerrormessage="{file} is too large. Maximum file size is {sizeLimit}." data-filetype="Logo" data-maxsizelimit="2000000" data-url="/new/Account/FileUpload" name="CharityLogo" type="file" data-parsley-id="6744"><ul class="parsley-errors-list" id="parsley-id-6744"></ul><i class="glyphicon glyphicon-plus"></i></span> <div class="fade well dropzone">Drop files here</div> <div class="progress progress-striped active file-progress" style="display: none;"> <div aria-valuemax="100" aria-valuemin="0" class="progress-bar" role="progressbar" style="width: 100%;"></div> </div> <div class="fileUploadContainer pull-right" style="display: block;"> <img class="img-thumbnail" src="http://lorempixel.com/250/140/cats"> <div class="thunbButtons" style="left: 84.5px; bottom: 17px;"> <div class="glyphicon glyphicon-remove" data-remove-element-id="CharityLogo"></div> <div> <a class="preview" target="_blank" href="http://prodin.dev.vm-ts-guidestar.fp.lan/Uploads/Temp/3b1a2f2b-20c2-42fc-a88b-6dff11f00932.jpg"> <i class="glyphicon glyphicon-eye-open"></i> </a> </div> </div> </div><span class="fileName">a.jpg</span><span id="UploadErrorContainer_CharityLogo" style="display: none;"></span> <input class="urlHidden" style="display:none" data-parsley-id="4779"> <ul class="parsley-errors-list" id="parsley-id-4779"></ul> </div> <span class="input-group-btn"> <button class="btn btn-success btn-add" type="button"> <span class="glyphicon glyphicon-plus"></span> </button> </span> </div> </div> <br> <small>Press <span class="glyphicon glyphicon-plus gs"></span> to add another field</small> </div> <div class="form-group"> <label class="control-label"><b>Youtube Videos:</b> </label> <div class="controls-list"> <div class="entry input-group form-horizontal"> <div class="form-group"> <label for="inputEmail3" class="col-sm-2 control-label">Title:</label> <div class="col-sm-10"> <input class="form-control datepicker" data-bind="value: CharityName" data-parsley-required="True" data-parsley-required-message="Champ obligatoire" data-parsley-validation-threshold="3" value="" data-parsley-id="9591"> <ul class="parsley-errors-list" id="parsley-id-9591"></ul> </div> </div> <div class="form-group"> <label for="inputEmail3" class="col-sm-2 control-label">Url:</label> <div class="col-sm-10"> <input class="form-control datepicker" data-bind="value: CharityName" data-parsley-required="True" placeholder="youtube.com/" data-parsley-required-message="Champ obligatoire" data-parsley-validation-threshold="3" value="" data-parsley-id="9591"> <ul class="parsley-errors-list" id="parsley-id-9591"></ul> </div> </div> <div class="form-group"> <label for="inputEmail3" class="col-sm-2 control-label">CopyRight:</label> <div class="col-sm-10"> <input class="form-control datepicker" data-bind="value: CharityName" data-parsley-required="True" data-parsley-required-message="Champ obligatoire" data-parsley-validation-threshold="3" value="" data-parsley-id="9591"> <ul class="parsley-errors-list" id="parsley-id-9591"></ul> </div> </div> <span class="input-group-btn"> <button class="btn btn-success btn-add" type="button"> <span class="glyphicon glyphicon-plus"></span> </button> </span> </div> </div> <br> <small>Press <span class="glyphicon glyphicon-plus gs"></span> to add another field</small> </div> <div class="form-group"> <label class="control-label"><b>Social Media:</b> </label> <div class="controls-list"> <div class="entry input-group"> <div class="input-group-btn input-group-select"> <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown"> <span class="concept">Facebook</span> <span class="caret"></span> </button> <ul class="dropdown-menu" role="menu"> <li><a href="#phone">Facebook</a> </li> <li><a href="#fax">Linkedin</a> </li> <li><a href="#skype">Twitter</a> </li> <li><a href="#www">Web</a> </li> </ul> <input type="hidden" class="input-group-select-val" name="contacts['type'][]" value="phone"> </div> <input type="text" name="contacts['value'][]" class="form-control"> <span class="input-group-btn"> <button class="btn btn-success btn-add" type="button"> <span class="glyphicon glyphicon-plus"></span> </button> </span> </div> </div> <br> <small>Press <span class="glyphicon glyphicon-plus gs"></span> to add another field</small> </div> <button class="btn search-button button-submit pull-right" id="ContinueButton" type="submit">Save</button> </div> </div> </div> </div> <div class="row"> <div class="col-lg-12 col-sm-12"> <div class="panel panel-primary"> <div class="panel-heading clickable"> <h3 class="panel-title"> Contact</h3> <span class="pull-right "><i class="glyphicon glyphicon-minus"></i></span> </div> <div class="panel-body"> <div class="form-group"> <label id="CharityNameLabel"><b>Street and number:</b> </label> <input class="form-control" data-bind="value: CharityName" data-parsley-required="True" data-parsley-required-message="Champ obligatoire" data-parsley-validation-threshold="3" id="CharityName" name="CharityName" placeholder="Obligatoire" value="" data-parsley-id="9591"> <ul class="parsley-errors-list" id="parsley-id-9591"></ul> </div> <div class="form-group"> <label id="CharityNameLabel"><b>Other Address Lines:</b> </label> <input class="form-control" data-bind="value: CharityName" data-parsley-required="True" data-parsley-required-message="Champ obligatoire" data-parsley-validation-threshold="3" id="CharityName" name="CharityName" placeholder="Obligatoire" value="" data-parsley-id="9591"> <ul class="parsley-errors-list" id="parsley-id-9591"></ul> </div> <div class="form-group"> <label id="CharityNameLabel"><b>Code postal:</b> </label> <select class="form-control" data-bind="value: CharityRegistrationType, event: { change: ClearTempCharityRegistrationDocument }" data-parsley-pattern="^(?!00000000-0000-0000-0000-000000000000$)" data-parsley-pattern-message="This field is required." data-parsley-validation-threshold="3" id="CharityRegistrationType" name="CharityRegistrationType" data-parsley-id="0167"> <option value="09549af7-74d9-485e-b2a4-986ccf072cdf" title="1000 Brussel">1000 Brussel</option> <option value="01bad172-6e5d-4325-a093-5494a9034dd8" title="1000 Bruxelles">1000 Bruxelles</option> <option value="c65dacf8-e094-4ee9-9413-f55c2c20d30a" title="1005 Ass. Réun. Com. Communau. Commune">1005 Ass. Réun. Com. Communau. Commune</option> </select> <ul class="parsley-errors-list" id="parsley-id-9591"></ul> </div> <div class="form-group"> <label id="CharityNameLabel"><b>Telephone</b> </label> <input class="form-control" data-bind="value: CharityName" data-parsley-required="True" data-parsley-required-message="Champ obligatoire" data-parsley-validation-threshold="3" id="CharityName" name="CharityName" placeholder="Obligatoire" value="" data-parsley-id="9591"> <ul class="parsley-errors-list" id="parsley-id-9591"></ul> </div> <div class="form-group"> <label id="CharityNameLabel"><b>Fax:</b> </label> <input class="form-control" data-bind="value: CharityName" data-parsley-required="True" data-parsley-required-message="Champ obligatoire" data-parsley-validation-threshold="3" id="CharityName" name="CharityName" placeholder="Obligatoire" value="" data-parsley-id="9591"> <ul class="parsley-errors-list" id="parsley-id-9591"></ul> </div> <div class="form-group"> <label id="CharityNameLabel"><b>Charity Primary Email Address:</b> </label> <input class="form-control" data-bind="value: CharityName" data-parsley-required="True" data-parsley-required-message="Champ obligatoire" data-parsley-validation-threshold="3" id="CharityName" name="CharityName" placeholder="Obligatoire" value="" data-parsley-id="9591"> <ul class="parsley-errors-list" id="parsley-id-9591"></ul> </div> <div class="form-group"> <label class="control-label"><b>Charity Contact:</b> </label> <div class="controls-list"> <div class="entry input-group form-horizontal"> <div class="form-group"> <label for="inputEmail3" class="col-sm-2 control-label">Contact Name:</label> <div class="col-sm-10"> <input class="form-control" data-bind="value: CharityName" data-parsley-required="True" data-parsley-required-message="Champ obligatoire" data-parsley-validation-threshold="3" value="" data-parsley-id="9591"> <ul class="parsley-errors-list" id="parsley-id-9591"></ul> </div> </div> <div class="form-group"> <label for="inputEmail3" class="col-sm-2 control-label">Last name:</label> <div class="col-sm-10"> <input class="form-control" data-bind="value: CharityName" data-parsley-required="True" data-parsley-required-message="Champ obligatoire" data-parsley-validation-threshold="3" value="" data-parsley-id="9591"> <ul class="parsley-errors-list" id="parsley-id-9591"></ul> </div> </div> <div class="form-group"> <label for="inputEmail3" class="col-sm-2 control-label">Position:</label> <div class="col-sm-10"> <div class="form-group"> <label class="control-label" for="CharityRegistrationType"></label> <select class="form-control" data-bind="value: CharityRegistrationType, event: { change: ClearTempCharityRegistrationDocument }" data-parsley-pattern="^(?!00000000-0000-0000-0000-000000000000$)" data-parsley-pattern-message="This field is required." data-parsley-validation-threshold="3" id="CharityRegistrationType" name="CharityRegistrationType" data-parsley-id="0167"> <option value="00000000-0000-0000-0000-000000000000">Not Selected</option> <option value="d2a6c94a-d7ee-4ce0-ae1e-5cb98a05426e">Direction</option> <option value="2d5a0676-b7b2-4e76-b9e6-9969e60862d3">Employé(e)</option> <option value="1422e782-2b15-4eeb-a27b-3c6231e73f28">Autre</option> </select> <ul class="parsley-errors-list" id="parsley-id-0167"></ul> </div> </div> </div> <div class="form-group"> <label for="inputEmail3" class="col-sm-2 control-label">Email:</label> <div class="col-sm-10"> <input class="form-control" data-bind="value: CharityName" data-parsley-required="True" data-parsley-required-message="Champ obligatoire" data-parsley-validation-threshold="3" value="" data-parsley-id="9591"> <ul class="parsley-errors-list" id="parsley-id-9591"></ul> </div> </div> <div class="form-group"> <label for="inputEmail3" class="col-sm-2 control-label">Contact Phone:</label> <div class="col-sm-10"> <input class="form-control" data-bind="value: CharityName" data-parsley-required="True" data-parsley-required-message="Champ obligatoire" data-parsley-validation-threshold="3" value="" data-parsley-id="9591"> <ul class="parsley-errors-list" id="parsley-id-9591"></ul> </div> </div> <div class="form-group"> <label for="inputEmail3" class="col-sm-2 control-label">Contact Fax:</label> <div class="col-sm-10"> <input class="form-control" data-bind="value: CharityName" data-parsley-required="True" data-parsley-required-message="Champ obligatoire" data-parsley-validation-threshold="3" value="" data-parsley-id="9591"> <ul class="parsley-errors-list" id="parsley-id-9591"></ul> </div> </div> <div class="form-group"> <label for="inputEmail3" class="col-sm-2 control-label">Contact Gender:</label> <div class="col-sm-10"> <div class="form-group"> <label class="control-label" for="CharityRegistrationType"></label> <select class="form-control" data-bind="value: CharityRegistrationType, event: { change: ClearTempCharityRegistrationDocument }" data-parsley-pattern="^(?!00000000-0000-0000-0000-000000000000$)" data-parsley-pattern-message="This field is required." data-parsley-validation-threshold="3" id="CharityRegistrationType" name="CharityRegistrationType" data-parsley-id="0167"> <option value="00000000-0000-0000-0000-000000000000">Male</option> <option value="d2a6c94a-d7ee-4ce0-ae1e-5cb98a05426e">Female</option> <option value="2d5a0676-b7b2-4e76-b9e6-9969e60862d3">Unisex</option> </select> <ul class="parsley-errors-list" id="parsley-id-0167"></ul> </div> </div> </div> <div class="form-group"> <label for="inputEmail3" class="col-sm-2 control-label">Display:</label> <div class="col-sm-10"> <input type="checkbox" data-bind="value: CharityName" data-parsley-required="True" data-parsley-required-message="Champ obligatoire" data-parsley-validation-threshold="3" value="" data-parsley-id="9591"> <ul class="parsley-errors-list" id="parsley-id-9591"></ul> </div> </div> <div class="form-group"> <label for="inputEmail3" class="col-sm-2 control-label">Charity Administrator:</label> <div class="col-sm-10"> <input type="checkbox" data-bind="value: CharityName" data-parsley-required="True" data-parsley-required-message="Champ obligatoire" data-parsley-validation-threshold="3" value="" data-parsley-id="9591"> <ul class="parsley-errors-list" id="parsley-id-9591"></ul> </div> </div> <span class="input-group-btn"> <button class="btn btn-success btn-add" type="button"> <span class="glyphicon glyphicon-plus"></span> </button> </span> </div> </div> <br> <small>Press <span class="glyphicon glyphicon-plus gs"></span> to add another field</small> </div> <button class="btn search-button button-submit pull-right" id="ContinueButton" type="submit">Save</button> </div> </div> </div> </div> </div> </div>
.clickable { cursor: pointer; } .clickable .glyphicon { background: rgba(0, 0, 0, 0.15); display: inline-block; padding: 6px 12px; border-radius: 4px } .panel-heading span { margin-top: -23px; font-size: 15px; margin-right: -9px; } a.clickable { color: inherit; } a.clickable:hover { text-decoration:none; } .panel-heading{ background: #4f950f!important; } .entry{ border: solid 3px #F6F6F6; } .panel-primary { border-color: #4f950f!important; }
$(document).on('click', '.panel-heading span.clickable', function (e) { var $this = $(this); if (!$this.hasClass('panel-collapsed')) { $this.parents('.panel').find('.panel-body').slideUp(); $this.addClass('panel-collapsed'); $this.find('i').removeClass('glyphicon-minus').addClass('glyphicon-plus'); } else { $this.parents('.panel').find('.panel-body').slideDown(); $this.removeClass('panel-collapsed'); $this.find('i').removeClass('glyphicon-plus').addClass('glyphicon-minus'); } }); $(document).on('click', '.panel div.clickable', function (e) { var $this = $(this); if (!$this.hasClass('panel-collapsed')) { $this.parents('.panel').find('.panel-body').slideUp(); $this.addClass('panel-collapsed'); $this.find('i').removeClass('glyphicon-minus').addClass('glyphicon-plus'); } else { $this.parents('.panel').find('.panel-body').slideDown(); $this.removeClass('panel-collapsed'); $this.find('i').removeClass('glyphicon-plus').addClass('glyphicon-minus'); } }); $(function() { $(document).on('click', '.btn-add', function(e) { e.preventDefault(); var controlForm = $(this).parents('.controls-list'), currentEntry = $(this).parents('.entry:first'), newEntry = $(currentEntry.clone()).appendTo(controlForm); newEntry.find('input').val(''); controlForm.find('.entry:not(:last) .btn-add') .removeClass('btn-add').addClass('btn-remove') .removeClass('btn-success').addClass('btn-danger') .html('<span class="glyphicon glyphicon-minus"></span>'); }).on('click', '.btn-remove', function(e) { $(this).parents('.entry:first').remove(); e.preventDefault(); return false; }); $(document).on('click', '.dropdown-menu a', function (event) { event.preventDefault(); var $selectGroup = $(this).closest('.input-group-select'); var param = $(this).attr("href").replace("#",""); var concept = $(this).text(); $selectGroup.find('.concept').text(concept); $selectGroup.find('.input-group-select-val').val(param); }); $("#YearFounded").datepicker( { format: "mm-yyyy", viewMode: "months", minViewMode: "months" }); });

Related: See More


Questions / Comments:

kurwa skad tyle scrolow..

megaDEV () - 9 years ago - Reply 0