Is it possible to create something similar to this in Breezing Forms?

  • Rajneesh
  • Topic Author
  • Offline
  • Junior Boarder
  • Junior Boarder
  • Posts: 38
  • Thank you received: 0

Rajneesh created the topic: Is it possible to create something similar to this in Breezing Forms?

Dear Friends,

I can create usual forms in Breezing Forms normally.

Kindly have a look at JPEG attached herewith.

I seek your guidance in how to create a registration form similar to JPEG my client has desired. I am particularly interested in middle section, where there is Video on left-side and part-1 of form is on right-side. How can similar thing is done using Breezing Form?

Every word of advice from you all is important and welcomed.

I would prefer the Breezing Form, because it allows me to invoke a send-script when user submits the form.

However, you are welcome to let me know if there is any better way of achieving this sort of results. Please feel free!

Your help is solicited urgently.

With thanks,

RK
#232486
Attachments:
  • Posts: 5061
  • Karma: 110
  • Thank you received: 473

MarioPuco replied the topic: Is it possible to create something similar to this in Breezing Forms?

Hello,

I guess you can achieve this look with BreezingForms Quickmode.
This is how I would structure it :

Form
Page 1 > Page Properties > Intro > Edit : and add your BIG text and style it via text editor
Page 2 > 2 Columns >
1 column is the FORM
2nd column > Section Properties > Description > Edit > Here you would add your youtube embed video.
Page 3 > 2 Sections >
1 column > Section> Section Properties > Description > Edit > Add your image
2nd column > Section> Section Properties > Description > Edit > Add your image

And now you would only have to make it work so it acts as a registration form.
All other adjustments can be done via CSS and some customisation through our Scripts/Pieces crosstec.org/en/support/online-documenta...ript-and-pieces.html

If you have any other questions let me know.


Regards,
Mario

Satisfied with our Support ?
PayPal Tip
===============================================
Need to renew Pro Support?
Buy Here!
===============================================
Satisfied?
Consider a membership!
===============================================
Like us on Facebook
===============================================
#232488
  • Rajneesh
  • Topic Author
  • Offline
  • Junior Boarder
  • Junior Boarder
  • Posts: 38
  • Thank you received: 0

Rajneesh replied the topic: Is it possible to create something similar to this in Breezing Forms?

Dear Mario,

I am making good progress and have made two raw columns following your instructions.

Definitely I would require more help from you.

With thanks,

RK
#232494
  • Rajneesh
  • Topic Author
  • Offline
  • Junior Boarder
  • Junior Boarder
  • Posts: 38
  • Thank you received: 0

Rajneesh replied the topic: Is it possible to create something similar to this in Breezing Forms?

Dear Friends,

I have made some good progress following Mario's instructions.

However, I need more advice, as I am weak in styling.

Please have a look at JPEG attached herewith.

  1. The biggest issue I am facing is that I need section 'Form Page-1' to the right of Video section. I also need the form section over a yellowish-colored box. I don't know how to do both these tasks
  2. I don't want any white color base above & below of Video/Form Page-1 sections
  3. Video section is going outside of left (margin).
  4. Last issue is how to get the Button 'NEXT >>>' just under the form section.

Kindly guide me as to what step I need to take and in what order.

With thanks,

RK
#232497
Attachments:
  • Posts: 5061
  • Karma: 110
  • Thank you received: 473

MarioPuco replied the topic: Is it possible to create something similar to this in Breezing Forms?

Hi,

Oh this is gonna be hard since it does need ALLOT of little tweaks to get it the way you want to !
1) You need to build your FORM elements inside PAGE1 > Section 2
Your Youtube video would be in PAGE1 > Section 1 > Description

2) You need to inspect your form and remove the white base. This will be padding or some kind of margin. ( Maybe you will need to adjust this on your template level )

3) Inside your video you can adjust the width in the code below ( try to set it to be 10-15px less ) :

<iframe width="560" height="315" src="
" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

4) Go to your form Properties > Include submit button > Set it to "no".
After your last element on Page 1 > Section 2 > Create new element > Type > "Submit Button"

crosstec.org/en/support/online-documenta...e-submit-button.html
crosstec.org/en/support/online-documenta...r-submit-button.html

Also did you think of building this page and simply add a module of the form ?
What I want to say Is that you build your page with all other elements, and in the place where the form should be, simply add a module with the form.
This way might be more easier to do.

Regards,
Mario

Satisfied with our Support ?
PayPal Tip
===============================================
Need to renew Pro Support?
Buy Here!
===============================================
Satisfied?
Consider a membership!
===============================================
Like us on Facebook
===============================================
#232524
  • Rajneesh
  • Topic Author
  • Offline
  • Junior Boarder
  • Junior Boarder
  • Posts: 38
  • Thank you received: 0

Rajneesh replied the topic: Is it possible to create something similar to this in Breezing Forms?

I am working on it.

Can you please suggest how to customize inertia -Blue theme?

With thanks,

RK
#232526
Moderators: ForumSupporttomeperica
Time to create page: 0.182 seconds

New Support System

Dear Customers,

Users with active subscription have support priority which will be dona via ServiceDesk (My Account > Raise a ticket).
FREE Support topics will be answered when AND if there is time.

You can check support guidelines here : here

Regards,
Crosstec Team

Community Reward

Help us to create new extensions and plugins! With only $5 you help us a lot and get unlimited download access to all of our products, professional support and even more. Get your reward now!

Read More Here

News and Updates

Get informed about new downloads, updates and more in our News and Updates newsletter.

All Extensions Subscription

Get 1 year access to all of our current and future products and 1 year of professional support -- 99€

No support per domain or website installation limits! Includes all of our current and future Joomla!® extensions, Joomla!® templates for the duration of your membership. This means, by purchasing an All Extensions Subscription you'll have it all covered!

Get it from here

3rd Party Discount - 25% Off

We help you to keep your costs under control. If you are a new member and purchased a form building tool from a different form vendor, then you'll get a 25% discount on our subscription plans.

How to receive the discount:

Send us a quick email to sales@crosstec.org with a proof of purchase (for example a paypal receipt), await payment instructions and enjoy your membership!

Community Reward

Help us to create new extensions and plugins! With only $5 you help us a lot and get unlimited download access to all of our products, professional support and even more. Get your reward now!

Read More Here