form-components

product_selector   

• 3 characters in the search box, autocomplete options will begin to suggest results based upon the words entered into the box

Copy
Edit
<div class="otis_form grey_form"> <div class="container"> <div class="row clearfix"> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6"> <label> Search Products: </label> <input type="text" placeholder="Enter keyword(s)" name="product-keywords" title="Enter keyword(s)"> </div> <div class="col-xs-12 col-sm-12 col-md-6 col-lg-6"> <label> Filter by: </label> <div class="row clearfix"> <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4"> <select id="elevators-choice" class="selectpicker custom-select form-control" title="Choose one of the following" data-size="8"> <option value="Elevators">Elevators</option> <option value="Escalators">Escalators</option> <option value="Moving Walkways">Moving Walkways</option> </select> </div> <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4"> <select id="escalators-choice" class="selectpicker custom-select form-control" title="Choose one of the following" data-size="8"> <option value="Elevators">Elevators</option> <option value="Escalators">Escalators</option> <option value="Moving Walkways">Moving Walkways</option> </select> </div> <div class="col-xs-12 col-sm-12 col-md-4 col-lg-4"> <select id="other-choice" class="selectpicker custom-select form-control" title="Choose one of the following" data-size="8"> <option value="Elevators">Elevators</option> <option value="Escalators">Escalators</option> <option value="Moving Walkways">Moving Walkways</option> </select> </div> </div> </div> </div> <div class="row clearfix text-center"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <input type="submit" class="otis_submit" value="Submit"> </div> </div> </div> </div>
Copy
Copy
Edit

( ! ) Warning: file_get_contents(../scss/form-components/_product_selector.scss): failed to open stream: No such file or directory in /home/forge/otis-styleguide.dev.jbspace.com/public/styleguide/atomic-core/index.php on line 360
Call Stack
#TimeMemoryFunctionLocation
10.0011235744{main}( ).../index.php:0
20.0057271848file_get_contents ( ).../index.php:360

form   

• Ability to add main heading (mandatory)

• Ability to add sub heading (mandatory)

• Select form from form builder list see, page 28

• Ability to select form types with contact forms defined by a black background color and update forms defined by a grey background color

Form Title

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur iusto sed, excepturi ad. Optio consectetur hic mollitia fuga natus dolorum veniam quae fugit fugiat quisquam quam, praesentium nisi inventore sint?

Copy
Edit
<div class="otis_form black_form"> <div class="container"> <div class="row clearfix"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <h2 class="section-headline wow fadeIn"> Form Title </h2> <h3> Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tenetur iusto sed, excepturi ad. Optio consectetur hic mollitia fuga natus dolorum veniam quae fugit fugiat quisquam quam, praesentium nisi inventore sint? </h3> </div> </div> <div id="general-form" class="row clearfix wow fadeIn"> <div class="col-xs-12 col-sm-12 col-md-8 col-md-offset-2 col-lg-8 col-lg-offset-2"> <select id="first-choice" class="selectpicker custom-select form-control" title="Reason for contacting us" data-size="8"> <option value="americas">Elevators</option> </select> <input type="text" title="Your Name" placeholder="Your Name" class="center-block"> <input type="text" title="Your Email" placeholder="Your Email" class="center-block"> <textarea type="text" title="Your message" placeholder="@lang('general-enquiries-form.textarea_placeholder')" class="center-block"></textarea> <input type="submit" title="Submit" class="otis_submit" value="Submit" /> </div> </div> </div> </div>
Copy
Copy
Edit

( ! ) Warning: file_get_contents(../scss/form-components/_form.scss): failed to open stream: No such file or directory in /home/forge/otis-styleguide.dev.jbspace.com/public/styleguide/atomic-core/index.php on line 360
Call Stack
#TimeMemoryFunctionLocation
10.0011235744{main}( ).../index.php:0
20.0060271568file_get_contents ( ).../index.php:360

The Search Component

Copy
Edit
Copy
Copy
Edit

( ! ) Warning: file_get_contents(../scss/form-components/_search.scss): failed to open stream: No such file or directory in /home/forge/otis-styleguide.dev.jbspace.com/public/styleguide/atomic-core/index.php on line 360
Call Stack
#TimeMemoryFunctionLocation
10.0011235744{main}( ).../index.php:0
20.0062271080file_get_contents ( ).../index.php:360

filter_section   

The Filter Section component

Copy
Edit
<div class="filter_section_wrapper"> <div class="container"> <div class="row"> <div class="col-xs-12"> <form class="form-inline" action="{{ url(App::getLocale() . '/home-results#home-persona-results') }}" role="form"> <div class="row"> <div class="col-md-4"> <div class="form-group"> <label> I am an </label> <select id="choice-1" class="selectpicker custom-select form-control" title="architect" data-size="8"> <option value="architect">architect</option> </select> </div> </div> <div class="col-md-4"> <div class="form-group"> <label> interested in </label> <select id="choice-2" class="selectpicker custom-select form-control" title="elevators" data-size="8"> <option value="americas">elevators</option> </select> </div> </div> <div class="col-md-4"> <div class="form-group"> <label> show me </label> <select id="choice-3" class="selectpicker custom-select form-control" title="products" data-size="8"> <option value="products">products</option> </select> </div> </div> </div> <div class="row"> <div class="col-xs-12"> <input type="submit" class="otis_submit" value="Let’s go" /> </div> </div> </form> </div> </div> </div> </div>
Copy
Copy
Edit

( ! ) Warning: file_get_contents(../scss/form-components/_filter_section.scss): failed to open stream: No such file or directory in /home/forge/otis-styleguide.dev.jbspace.com/public/styleguide/atomic-core/index.php on line 360
Call Stack
#TimeMemoryFunctionLocation
10.0011235744{main}( ).../index.php:0
20.0064273608file_get_contents ( ).../index.php:360

otis_form   

The Otis Form component

General Enquiries

Get in touch for further information and advice on SkyRise and other Otis products and services

Copy
Edit
<!-- An example of the structure of a form on the Otis Website --> <div class="general_enquiries_form_wrapper otis_form black_form"> <div class="container"> <div class="row clearfix"> <div class="col-xs-12 col-sm-12 col-md-12 col-lg-12"> <h2 class="section-headline"> General Enquiries </h2> <div class="row"> <div class="col-xs-12 col-xs-12 col-md-6 col-md-offset-3"> <h3> Get in touch for further information and advice on SkyRise and other Otis products and services </h3> </div> </div> </div> </div> <div id="general-form" class="row clearfix"> <div class="col-xs-12 col-sm-12 col-md-8 col-md-offset-2 col-lg-8 col-lg-offset-2"> <div class="btn-group bootstrap-select custom-select form-control"><button type="button" class="btn dropdown-toggle bs-placeholder btn-default" data-toggle="dropdown" data-id="first-choice" title="Choose one of the following..."><span class="filter-option pull-left">Choose one of the following...</span>&nbsp;<span class="bs-caret"><span class="caret"></span></span></button><div class="dropdown-menu open"><ul class="dropdown-menu inner" role="menu"><li data-original-index="1"><a tabindex="0" class="" style="" data-tokens="null"><span class="text">Please send me more information about SkyRise</span><span class="glyphicon glyphicon-ok check-mark"></span></a></li></ul></div><select id="first-choice" class="selectpicker custom-select form-control" title="Choose one of the following..." data-size="8" tabindex="-98"><option class="bs-title-option" value="">Choose one of the following...</option> <option value="info">Please send me more information about SkyRise</option> </select></div> <input type="text" placeholder="Name" class="center-block"> <input type="text" placeholder="Email address" class="center-block"> <input type="submit" class="otis_submit" value="Submit"> </div> </div> </div> </div>
Copy
Copy
Edit

( ! ) Warning: file_get_contents(../scss/form-components/_otis_form.scss): failed to open stream: No such file or directory in /home/forge/otis-styleguide.dev.jbspace.com/public/styleguide/atomic-core/index.php on line 360
Call Stack
#TimeMemoryFunctionLocation
10.0011235744{main}( ).../index.php:0
20.0066274080file_get_contents ( ).../index.php:360