Textpattern CMS

#1 2023-03-03 14:07:30

lindabb

Member

Registered: 2023-02-17

Posts: 111

com_connect and bootstrap layout

Is it possible to pass bootstrap class to com_connect, I tried to pass it as but not showing as expected .

<form data-toggle="validator" role="form">
  <div class="form-group">
    <label for="inputName" class="control-label">Name</label>
    <input type="text" class="form-control" id="inputName" placeholder="Your name" required>
  </div>

  <div class="form-group">
    <label for="inputEmail" class="control-label">Email</label>
    <input type="email" class="form-control" id="inputEmail" placeholder="Email" data-error="that email address is invalid" required>
    <div class="help-block with-errors"></div>
  </div>

   <div class="form-group">
    <label for="inputmessage" class="control-label">Message</label>
    <textarea class="form-control" id="inputMessage" placeholder="Your Message" data-error="type something" required> </textarea>
    <div class="help-block with-errors"></div>
  </div>

  <button type="submit" class="btn btn-default">Submit</button>
</form>

here is how I passed the class:

<div class="form-group">
  <txp:com_connect_email class="form-control" label="Valid Email" placeholder="Type email address"    />
</div>

either shows duplicated, or the field shows too short.

any idea ?
Thank you

EDIT: Added Textile (bc. and p.) for code formatting. uli

Last edited by uli (2023-03-03 20:28:25)

#2 2023-03-03 20:34:33

uli

Moderator

From: Cologne

Registered: 2006-08-15

Posts: 4,304

Re: com_connect and bootstrap layout

Have you looked at the attributes section (and there wraptag, class)?

---

_{In bad weather I never leave home without wet_plugout, smd_where_used and adi_form_links}