fbpx
Welcome, Guest
Username: Password: Remember me

TOPIC: (SOLVED) Chronoforms5 design

Chronoforms5 design 4 years 7 months ago #2686

  • oriol
  • oriol's Avatar
  • Offline
  • New Member
  • Posts: 5
  • Karma: 0
good morning
I wanted to know how I can give a new design to the form of chronoform5
As it does not display the same as the jd-boston template form
Attached screenshots
Thanks for good support


The administrator has disabled public write access.

Chronoforms5 design 4 years 7 months ago #2693

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 4614
  • Thank you received: 652
  • Karma: 116
Hi,

If you have Quickstart of JD Boston then open the chronoforms Component and open form1 and click on code tab and see the code. We did this use bootstrap class.code are below.

<div class="form-group gcore-form-row" id="form-row-custom">
<div class="gcore-input center m-title-upper" id="fin-custom">
<h3 class="module-title ">
<span>Keep in Touch with us</span>
</h3>
<p>Drop us a message</p>
</div>
</div>

<div class="contact_form">
<div class="row">
<div class="col-md-6">
<div class="form-group gcore-form-row" id="form-row-name">
<div class="gcore-input gcore-display-table" id="fin-name">
<input name="Name" id="name" value="" placeholder="Name" class="validate['required'] form-control A" title="" style="" data-inputmask="" data-load-state="" data-tooltip="" type="text" />
</div>
</div>
</div>
<div class="col-md-6">
<div class="form-group gcore-form-row" id="form-row-email">
<div class="gcore-input gcore-display-table" id="fin-email">
<input name="email" id="email" value="" placeholder="E-Mail" class="validate['required','email'] form-control A" title="" style="" data-inputmask="" data-load-state="" data-tooltip="" type="text" />
</div>
</div>
</div>
</div>

<div class="form-group gcore-form-row" id="form-row-subject">
<div class="gcore-input gcore-display-table" id="fin-subject">
<input name="subject" id="subject" value="" placeholder="Subject" class="validate['required'] form-control A" title="" style="" data-inputmask="" data-load-state="" data-tooltip="" type="text" />
</div>
</div>

<div class="form-group gcore-form-row" id="form-row-message">
<div class="gcore-input gcore-display-table" id="fin-message">
<textarea name="message" id="message" placeholder="Message" rows="10" cols="40" class="validate['required'] form-control A" title="" style="" data-wysiwyg="0" data-load-state="" data-tooltip=""></textarea>
</div>
</div>

<div class="form-group gcore-form-row" id="form-row-button5">
<div class="gcore-input gcore-display-table" id="fin-button5">
<input name="button5" id="button5" type="submit" value="Send Message" class="btn btn-default form-control A" style="" data-load-state="" />
</div>
</div>
</div>

Screenshot: www.screencast.com/t/UY38GUIeWk

Thanks
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.

To know more about products check out the their documentation.
The administrator has disabled public write access.

Chronoforms5 design 4 years 7 months ago #2705

  • oriol
  • oriol's Avatar
  • Offline
  • New Member
  • Posts: 5
  • Karma: 0
Muchas gracias me sirvio mucho
en relidad lo tenia en Wizard designer
gracias por hacerme ver mi error
muchisimas gracias
The administrator has disabled public write access.

Chronoforms5 design 4 years 7 months ago #2706

  • chandandeep
  • chandandeep's Avatar
  • Offline
  • Administrator
  • Posts: 4614
  • Thank you received: 652
  • Karma: 116
No hay problema
Háganos saber si tiene alguna pregunta para nosotros.

Gracias,
Chandan
Thank You,
If you like our support and products, tweet us at joomdev and let the world know about it.

To know more about products check out the their documentation.
The administrator has disabled public write access.
Moderators: chandandeep
Time to create page: 0.358 seconds
Cron Job Starts