Skip to content

Instantly share code, notes, and snippets.

@cmnstmntmn
Last active June 12, 2016 15:21
Show Gist options
  • Select an option

  • Save cmnstmntmn/25653f16914562b04ea07373c32a8620 to your computer and use it in GitHub Desktop.

Select an option

Save cmnstmntmn/25653f16914562b04ea07373c32a8620 to your computer and use it in GitHub Desktop.
odd html markup, lead edit (v1.3.1)
<div class="content-body">
<div class="page-header">
<div class="box-layout">
<div class="col-xs-5 col-sm-6 col-md-5 va-m">
<h3>Edit admin admin</h3>
</div>
<div class="col-xs-7 col-sm-6 col-md-7 va-m">
<div class="toolbar text-right" id="toolbar">
<div class="toolbar-bundle-buttons pull-left"></div>
<div class="toolbar-form-buttons pull-right">
<div class="btn-group toolbar-standard hidden-xs hidden-sm "><button type="button" class="btn btn-default btn-cancel btn-copy" id="lead_buttons_cancel_toolbar">
<i class="fa fa-times text-danger "></i>
Cancel</button><button type="button" class="btn btn-default btn-save btn-copy" id="lead_buttons_save_toolbar">
<i class="fa fa-save "></i>
Save &amp; Close</button><button type="button" class="btn btn-default btn-apply btn-copy" id="lead_buttons_apply_toolbar">
<i class="fa fa-check text-success "></i>
Apply</button>
</div>
<div class="btn-group toolbar-dropdown hidden-md hidden-lg">
<button type="button" class="btn btn-default btn-main" id="lead_buttons_apply_toolbar_mobile">
<i class="fa fa-check text-success "></i>
Apply</button>
<button type="button" class="btn btn-default btn-nospin dropdown-toggle" data-toggle="dropdown" aria-expanded="false"><i class="fa fa-caret-down"></i></button>
<ul class="dropdown-menu dropdown-menu-right" role="menu">
<li><a id="lead_buttons_save_toolbar_mobile">
<i class="fa fa-save "></i>
Save &amp; Close</a>
</li>
<li><a id="lead_buttons_cancel_toolbar_mobile">
<i class="fa fa-times text-danger "></i>
Cancel</a>
</li>
</ul>
</div>
</div>
</div>
<div class="clearfix"></div>
</div>
</div>
</div>
<form novalidate="" autocomplete="false" data-toggle="ajax" role="form" name="lead" method="post" action="/s/leads/edit/2" enctype="multipart/form-data">
<!-- start: box layout -->
<div class="box-layout">
<!-- step container -->
<div class="col-md-3 bg-white height-auto">
<div class="pr-lg pl-lg pt-md pb-md">
<div class="media">
<div class="media-body">
<img class="img-rounded img-bordered img-responsive media-object" src="https://www.gravatar.com/avatar/d90601be63cfe11a6eb1ebb07b6d5acd?s=250&amp;d=http%3A%2F%2Fmkt.appsellzone.com%2Fmedia%2Fimages%2Favatar.png" alt="">
</div>
</div>
<div class="row mt-xs">
<div class="col-sm-12">
<label class="control-label required" for="lead_preferred_profile_image">Preferred profile image</label>
<select id="lead_preferred_profile_image" name="lead[preferred_profile_image]" class="form-control" autocomplete="false" style="display: none;">
<option value="gravatar">Gravatar</option>
<option value="custom">Custom</option>
</select>
<div class="chosen-container chosen-container-single" style="width: 100%;" title="" id="lead_preferred_profile_image_chosen">
<a class="chosen-single" tabindex="-1">
<span>Gravatar</span>
<div><b></b></div>
</a>
<div class="chosen-drop">
<div class="chosen-search"><input type="text" autocomplete="false"></div>
<ul class="chosen-results"></ul>
</div>
</div>
</div>
<div class="col-sm-12" id="customAvatarContainer" style="display: none;">
<input type="file" id="lead_custom_avatar" name="lead[custom_avatar]" class="form-control" autocomplete="false">
</div>
</div>
<hr>
<ul class="list-group list-group-tabs">
<li class="list-group-item">
<a href="#core" class="steps" data-toggle="tab">
Core </a>
</li>
<li class="list-group-item">
<a href="#personal" class="steps" data-toggle="tab">
Personal </a>
</li>
<li class="list-group-item active">
<a href="#social" class="steps" data-toggle="tab">
Social </a>
</li>
</ul>
</div>
</div>
<!--/ step container -->
<!-- container -->
<div class="col-md-9 bg-auto height-auto bdr-l">
<div class="tab-content">
<!-- pane -->
<div class="tab-pane fade bdr-rds-0 bdr-w-0" id="core">
<div class="pa-md bg-auto bg-light-xs bdr-b">
<h4 class="fw-sb">Core</h4>
</div>
<div class="pa-md">
<div class="form-group mb-0">
<label class="control-label mb-xs">Name</label>
<div class="row">
<div class="col-sm-2">
<span class="twitter-typeahead" style="position: relative; display: inline-block; direction: ltr;">
<input type="text" class="form-control tt-hint" data-toggle="field-lookup" data-target="title" data-options="|Mr|Mrs|Miss" autocomplete="off" disabled="" spellcheck="false" style="position: absolute; top: 0px; left: 0px; border-color: transparent; box-shadow: none; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 255, 255);"><input type="text" id="lead_title" name="lead[title]" class="form-control tt-input" data-toggle="field-lookup" data-target="title" data-options="|Mr|Mrs|Miss" placeholder="Title" autocomplete="off" spellcheck="false" dir="auto" style="position: relative; vertical-align: top; background-color: transparent;">
<pre aria-hidden="true" style="position: absolute; visibility: hidden; white-space: pre; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; word-spacing: 0px; letter-spacing: 0px; text-indent: 0px; text-rendering: auto; text-transform: none;"></pre>
<span class="tt-dropdown-menu" style="position: absolute; top: 100%; left: 0px; z-index: 100; display: none; right: auto;">
<div class="tt-dataset-leadtitle"></div>
</span>
</span>
</div>
<div class="col-sm-3">
<input type="text" id="lead_firstname" name="lead[firstname]" class="form-control" placeholder="First Name" autocomplete="false" value="admin">
</div>
<div class="col-sm-3">
<input type="text" id="lead_lastname" name="lead[lastname]" required="required" class="form-control" placeholder="Last Name" autocomplete="false" value="admin">
</div>
</div>
</div>
<hr class="mnr-md mnl-md">
<div class="form-group mb-0">
<label class="control-label mb-xs">Email</label>
<div class="row">
<div class="col-sm-8">
<input type="email" id="lead_email" name="lead[email]" required="required" class="form-control" placeholder="Email" autocomplete="false" value="office@appsellzone.com">
</div>
</div>
</div>
<hr class="mnr-md mnl-md">
<div class="form-group mb-0">
<label class="control-label mb-xs">Company</label>
<div class="row">
<div class="col-sm-4">
<span class="twitter-typeahead" style="position: relative; display: inline-block; direction: ltr;">
<input type="text" class="form-control tt-hint" data-toggle="field-lookup" data-target="company" autocomplete="off" disabled="" spellcheck="false" style="position: absolute; top: 0px; left: 0px; border-color: transparent; box-shadow: none; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 255, 255);"><input type="text" id="lead_company" name="lead[company]" class="form-control tt-input" data-toggle="field-lookup" data-target="company" placeholder="Company" autocomplete="off" spellcheck="false" dir="auto" style="position: relative; vertical-align: top; background-color: transparent;">
<pre aria-hidden="true" style="position: absolute; visibility: hidden; white-space: pre; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; word-spacing: 0px; letter-spacing: 0px; text-indent: 0px; text-rendering: auto; text-transform: none;"></pre>
<span class="tt-dropdown-menu" style="position: absolute; top: 100%; left: 0px; z-index: 100; display: none; right: auto;">
<div class="tt-dataset-leadcompany"></div>
</span>
</span>
</div>
<div class="col-sm-4">
<input type="text" id="lead_position" name="lead[position]" class="form-control" placeholder="Position" autocomplete="false">
</div>
</div>
</div>
<hr class="mnr-md mnl-md">
<div class="form-group mb-0">
<label class="control-label mb-xs">Address</label>
<div class="row mb-xs">
<div class="col-sm-8">
<input type="text" id="lead_address1" name="lead[address1]" class="form-control" placeholder="Address Line 1" autocomplete="false">
</div>
</div>
<div class="row mb-xs">
<div class="col-sm-8">
<input type="text" id="lead_address2" name="lead[address2]" class="form-control" placeholder="Address Line 2" autocomplete="false">
</div>
</div>
<div class="row mb-xs">
<div class="col-sm-4">
<span class="twitter-typeahead" style="position: relative; display: inline-block; direction: ltr;">
<input type="text" class="form-control tt-hint" data-toggle="field-lookup" data-target="city" autocomplete="off" disabled="" spellcheck="false" style="position: absolute; top: 0px; left: 0px; border-color: transparent; box-shadow: none; background: none 0% 0% / auto repeat scroll padding-box border-box rgb(255, 255, 255);"><input type="text" id="lead_city" name="lead[city]" class="form-control tt-input" data-toggle="field-lookup" data-target="city" placeholder="City" autocomplete="off" spellcheck="false" dir="auto" style="position: relative; vertical-align: top; background-color: transparent;">
<pre aria-hidden="true" style="position: absolute; visibility: hidden; white-space: pre; font-family: 'Open Sans', Helvetica, Arial, sans-serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: 400; word-spacing: 0px; letter-spacing: 0px; text-indent: 0px; text-rendering: auto; text-transform: none;"></pre>
<span class="tt-dropdown-menu" style="position: absolute; top: 100%; left: 0px; z-index: 100; display: none; right: auto;">
<div class="tt-dataset-leadcity"></div>
</span>
</span>
</div>
<div class="col-sm-4">
<select id="lead_state" name="lead[state]" class="form-control" data-placeholder="State" placeholder="State" autocomplete="false" style="display: none;">
<option value=""></option>
</select>
<div class="chosen-container chosen-container-single" style="width: 100%;" title="" id="lead_country_chosen">
<a class="chosen-single chosen-single-with-deselect" tabindex="-1">
<span>Romania</span><abbr class="search-choice-close"></abbr>
<div><b></b></div>
</a>
<div class="chosen-drop">
<div class="chosen-search"><input type="text" autocomplete="false"></div>
<ul class="chosen-results"></ul>
</div>
</div>
</div>
</div>
</div>
<hr class="mnr-md mnl-md">
<div class="row">
<div class="col-sm-8">
<div class="row">
<div class="form-group col-xs-12 ">
<label class="control-label" for="lead_userid">User ID</label> <input type="text" id="lead_userid" name="lead[userid]" class="form-control" autocomplete="false" value="1">
</div>
</div>
</div>
</div>
<hr class="mnr-md mnl-md">
<div class="row">
<div class="col-sm-4">
<label class="control-label" for="lead_owner">Lead owner</label>
<select id="lead_owner" name="lead[owner]" class="form-control" autocomplete="false" style="display: none;">
<option value="">Choose one...</option>
<option value="1">Angheloiu, Constantin</option>
<option value="2">Tudor, Mihai</option>
</select>
<div class="chosen-container chosen-container-single" style="width: 100%;" title="" id="lead_owner_chosen">
<a class="chosen-single chosen-default" tabindex="-1">
<span>Choose one...</span>
<div><b></b></div>
</a>
<div class="chosen-drop">
<div class="chosen-search"><input type="text" autocomplete="false"></div>
<ul class="chosen-results"></ul>
</div>
</div>
</div>
<div class="col-sm-4">
<label for="lead_tags">Tags</label>
<select id="lead_tags" name="lead[tags][]" data-placeholder="Select or type in a new tag" data-no-results-text="Hit enter to create " data-allow-add="true" onchange="Mautic.createLeadTag(this)" autocomplete="false" multiple="multiple" style="display: none;">
<option value="1">mihai goxgames</option>
</select>
<div class="chosen-container chosen-container-multi" style="width: 100%;" title="" id="lead_tags_chosen">
<ul class="chosen-choices">
<li class="search-field"><input type="text" value="Select or type in a new tag" class="default" autocomplete="false" style="width: 183px;"></li>
</ul>
<div class="chosen-drop">
<ul class="chosen-results"></ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade bdr-rds-0 bdr-w-0" id="personal">
<div class="pa-md bg-auto bg-light-xs bdr-b">
<h4 class="fw-sb">Personal</h4>
</div>
<div class="pa-md">
<div class="row">
<div class="col-sm-8">
<div class="row">
<div class="form-group col-xs-12 ">
<label class="control-label" for="lead_user_type">User Type</label> <input type="text" id="lead_user_type" name="lead[user_type]" class="form-control" autocomplete="false" value="guest">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade bdr-rds-0 bdr-w-0 active in" id="social">
<div class="pa-md bg-auto bg-light-xs bdr-b">
<h4 class="fw-sb">Social</h4>
</div>
<div class="pa-md">
<div class="row">
<div class="col-sm-8">
<div class="row">
<div class="form-group col-xs-12 ">
<label class="control-label" for="lead_facebook">Facebook</label> <input type="text" id="lead_facebook" name="lead[facebook]" class="form-control" autocomplete="false">
</div>
</div>
</div>
</div>
</div>
</div>
<!--/ #pane -->
</div>
</div>
<!--/ end: container -->
</div>
<div class="row">
<div class="form-group col-xs-12 ">
<label class="control-label" for="lead_phone">Phone</label> <input type="tel" id="lead_phone" name="lead[phone]" class="form-control" autocomplete="false">
</div>
</div>
<div class="row">
<div class="form-group col-xs-12 ">
<label class="control-label" for="lead_mobile">Mobile</label> <input type="tel" id="lead_mobile" name="lead[mobile]" class="form-control" autocomplete="false">
</div>
</div>
<div class="row">
<div class="form-group col-xs-12 ">
<label class="control-label" for="lead_fax">Fax</label> <input type="text" id="lead_fax" name="lead[fax]" class="form-control" autocomplete="false">
</div>
</div>
<div class="row">
<div class="form-group col-xs-12 ">
<label class="control-label" for="lead_website">Website</label> <input type="text" id="lead_website" name="lead[website]" class="form-control" autocomplete="false">
</div>
</div>
<div class="row">
<div class="form-group col-xs-12 ">
<label class="control-label" for="lead_twitter">Twitter</label> <input type="text" id="lead_twitter" name="lead[twitter]" class="form-control" autocomplete="false">
</div>
</div>
<div class="row">
<div class="form-group col-xs-12 ">
<label class="control-label" for="lead_googleplus">Google+</label> <input type="text" id="lead_googleplus" name="lead[googleplus]" class="form-control" autocomplete="false">
</div>
</div>
<div class="row">
<div class="form-group col-xs-12 ">
<label class="control-label" for="lead_skype">Skype</label> <input type="text" id="lead_skype" name="lead[skype]" class="form-control" autocomplete="false">
</div>
</div>
<div class="row">
<div class="form-group col-xs-12 ">
<label class="control-label" for="lead_instagram">Instagram</label> <input type="text" id="lead_instagram" name="lead[instagram]" class="form-control" autocomplete="false">
</div>
</div>
<div class="row">
<div class="form-group col-xs-12 ">
<label class="control-label" for="lead_foursquare">Foursquare</label> <input type="text" id="lead_foursquare" name="lead[foursquare]" class="form-control" autocomplete="false">
</div>
</div>
<div id="lead_buttons" class="bottom-form-buttons hide">
<button type="submit" id="lead_buttons_cancel" name="lead[buttons][cancel]" class="btn btn-default btn-cancel">
<i class="fa fa-times text-danger "></i>
Cancel</button> <button type="submit" id="lead_buttons_save" name="lead[buttons][save]" class="btn btn-default btn-save">
<i class="fa fa-save "></i>
Save &amp; Close</button> <button type="submit" id="lead_buttons_apply" name="lead[buttons][apply]" class="btn btn-default btn-apply">
<i class="fa fa-check text-success "></i>
Apply</button>
</div>
<input type="hidden" id="lead_unlockModel" name="lead[unlockModel]" class="form-exit-unlock-model" autocomplete="false" value="lead.lead"> <input type="hidden" id="lead_unlockId" name="lead[unlockId]" class="form-exit-unlock-id" autocomplete="false" value="2"> <input type="hidden" id="lead__token" name="lead[_token]" autocomplete="false" value="erlqVq750N7EXnSyYa7QoRHyeyVWJGt6ZTA89GAPuhk">
</form>
<!--/ end: box layout -->
</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment