Featured templates

JS animated. How to activate and work with booking form

Ammy Brown April 3, 2015
Rating: 5.0. From 1 vote.
Please wait...

Our Support team is ready to present you a new tutorial that will become an indispensable guide for setting up and working with the booking form in JS Animated templates and make this process easy and effortless.

JS animated. How to activate and work with booking form

Booking form set-up

  1. Use FTP or Cpanel to connect to your server. By default, template files are stored inside the site folder.

  2. Modify index.html file located in your site root directory. Using the Find and Replace tool (CTRL+F) search for the ownerEmail. You will locate code for your booking form that way. Modify line as follows:

    $(function (){
                ownerEmail: '#'
        $(function() {
         $('#bookingForm input, #bookingForm textarea').placeholder();
  3. Replace # with your email. Save file and upload it back to your server.

Changing booking form fields titles

You can change booking form fields titles. For example, let’s change Your Name field title:

JS_animated._How _to_activate_and_work_with_booking _form-1

To change that title, modify index.html file used for the page with the booking form. Use the Find and Replace tool (CTRL+F), search for the title you would like to change. You will locate HTML code as follows:

<div class="tmInput">
	<input name="Name" placeHolder="Your Name" type="text" data-constraints='@NotEmpty @Required @AlphaSpecial'>

Replace Your Name with your new title.

Removing/adding booking form fields

Open the .html file which represents page with the booking form in Dreamweaver or any HTML editor. Copy HTML code for one of your booking form fields.

For instance, the code for the “Name” field looks as follows:

	<div class="fl1">
		<div class="tmInput">
			<input name="Name" placeHolder="Name" type="text" data-constraints='@NotEmpty @Required @AlphaSpecial'>

Copy the code and paste it right after its closing </div> tag, so that “Surname” field goes right after “Name.”

Change the title “name” to “surname” everywhere in the new code so it looks like this:

	<div class="fl1">
		<div class="tmInput">
			<input name="Surname" placeHolder="Your Surname" type="text" data-constraints='@NotEmpty @Required @AlphaSpecial'>

Save changes and check your site.

Feel free to check the detailed video tutorial below:

JS animated. How to activate and work with booking form
This entry was posted in JS Animated tutorials and tagged booking, form, HTML, js. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket

Live Chat
We help you to choose the right product.