• Resolved belfieldfurnishings

    (@belfieldfurnishings)


    So I’ve got my form up and running nicely and it displays the maximum characters, but will not count down as the user types.

    I have used some html / bootstrap to style the form. Here is the code from the contact 7 form:

    <div class=”row” id=”odd-row”>
    <div class=”col-sm-4″>

    </div>
    <div class=”col-sm-8″>
    <h1>Safety Best Practice</h1>
    <p>Fill out the form below to be emailed as a printable PDF.</p>
    <h3>Your email address:</h3>
    [email* your-email]
    </div>
    </div class=”col-sm-12″>
    <h2>Item:</h2>
    [text* Item]
    </div>
    </div>

    <div class=”row” id=”even-row”>
    <div class=”col-md-9″>
    <h2>Communication:</h2>
    [textarea* CommunicationText maxlength:500]
    <p>Character limit:[count CommunicationText down] </p>
    </div>
    <div class=”col-md-3″>
    [file CommunicationImage]
    <h3>Notes:</h3>
    [text CommunicationNote maxlength:20]
    <p>Character limit:[count CommunicationNote down] </p>
    </div>
    </div>

    <div class=”row” id=”odd-row”>
    <div class=”col-md-9″>
    <h2>Information:</h2>
    [textarea* InformationText maxlength:500]
    <p>Character limit: [count InformationText down] </p>
    </div>
    <div class=”col-md-3″>
    [file InformationImage]
    <h3>Notes:</h3>
    [text InformationNote maxlength:20]
    <p>Character limit: [count InformationNote down] </p>
    </div>
    </div>

    <div class=”row” id=”even-row”>
    <div class=”col-md-9″>
    <h2>Practice Implimentation:</h2>
    [textarea* PracticeText maxlength:500]
    <p>Character limit: [count PracticeText down] </p>
    </div>
    <div class=”col-md-3″>
    [file PracticeImage]
    <h3>Notes:</h3>
    [text PracticeNote maxlength:20]
    <p>Character limit: [count PracticeNote down] </p>
    </div>
    </div>

    <div class=”row” id=”odd-row”>
    <div class=”col-md-9″>
    <h2>Advantages / Improvements:</h2>
    [textarea* AdvantageText maxlength:500]
    <p>Character limit: [count AdvantageText down] </p>
    </div>
    <div class=”col-md-3″>
    [file AdvantageImage]
    <h3>Notes:</h3>
    [text AdvantageNote maxlength:20]
    <p>Character limit: [count AdvantageNote down] </p>
    </div>
    </div>

    <div class=”row”>
    <div class=”col-md-12″>
    [submit class:btn-block class:btn class:btn-primary class:btn-lg “Send” ]
    </div>
    </div>

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Character Count does not work’ is closed to new replies.