TOPIC:

Error having 2 forms on the same page 1 year 1 month ago #242787

  • Topic Author
  • pediaf
  • Offline
  • Fresh Breezer
  • Fresh Breezer
  • Posts: 7
  • Thanks: 0
I have created a copy of the contact page and the module since I cannot leave the 2 forms active on the actual pages since I would not receive messages from clients.

It seems that the iframe works independently, but it creates an ugly border, it looks more width than it should and it grows in height indefinitely.

www.sioncreativos.com/test.html

Please Log in or Create an account to join the conversation.

Error having 2 forms on the same page 1 year 1 month ago #243693

  • Topic Author
  • pediaf
  • Offline
  • Fresh Breezer
  • Fresh Breezer
  • Posts: 7
  • Thanks: 0
Any answer?

Please Log in or Create an account to join the conversation.

Error having 2 forms on the same page 1 year 1 month ago #243705

  • TheMuffinMan's Avatar
  • TheMuffinMan
  • Offline
  • Developer
  • Developer
  • Posts: 10064
  • Karma: 167
  • Thanks: 808
Hi,

sorry, but it seems your requrest slipped through. My apologies! (I really thought I didn't miss anything)

I assume the form at the bottom is running as a module. In its settings, please set "Border" to "No".

Then in form => advanced => more options => set "Autoheight IFrames" to "yes".
(if you already had it turned on, turn it off and set the width and height instead above autoheight).

Then it should looks normal. If not I will have to see if the template css interferes with it and create a tailored solution for your site.

Regards,
Markus

Please Log in or Create an account to join the conversation.

Last edit: Post by TheMuffinMan.

Error having 2 forms on the same page 1 year 4 days ago #245892

  • Topic Author
  • pediaf
  • Offline
  • Fresh Breezer
  • Fresh Breezer
  • Posts: 7
  • Thanks: 0
I have tried but it doesn't work, how can I fix it?

Please Log in or Create an account to join the conversation.

Error having 2 forms on the same page 1 year 4 days ago #245920

  • TheMuffinMan's Avatar
  • TheMuffinMan
  • Offline
  • Developer
  • Developer
  • Posts: 10064
  • Karma: 167
  • Thanks: 808
Hi,

your template should have a feature to let you add custom css.
Please locate this feature and add this there:
#ff_frame3{
    width: 200px;
    height: 300px;
    background: white;
    padding: 10px;
}

Please note that this addresses only this particular form (due to the ID).

Additionally, in your module, please turn off borders.

If you are using the plugin, please use this shortcode to turn off the border:
{BreezingForms: FORMNAME, 1, 0}

The 1 means start with page 1 and the 0 without iframe borders.

In the end, it should look like this:



Regards,
Markus
Attachments:

Please Log in or Create an account to join the conversation.

Last edit: Post by TheMuffinMan.

Error having 2 forms on the same page 1 year 1 day ago #246092

  • Topic Author
  • pediaf
  • Offline
  • Fresh Breezer
  • Fresh Breezer
  • Posts: 7
  • Thanks: 0
I've done it as you tell me, but it doesn't really look good. In the image you see below you can view the form without using the iframe and it is as it should look, it looks 100% wide, the policy texts are white, the submit button looks good full width and also on mobile it adapts to the screen as it should be.



But when activating the iframe everything is damaged, with the code you sent me it effectively looks small, we already removed the problem of infinite height, but it looks smaller than it should and since it is a fixed width and height in mobile phones, it is not It looks good, you will always see 200px, also when a user does not fill all the fields and alerts appear, the fields and the send button disappear, since it is below the 300px of fixed height that it has, additional the text of politics comes out blue, not white, in conclusion it looks bad.



Is there another way to fix this by keeping the original layout of that module, without a white background, with the text in white and that the width and height do not depend on a fixed value?

Please Log in or Create an account to join the conversation.

Last edit: Post by pediaf.
Moderators: ForumSupport
Time to create page: 0.103 seconds

BreezingForms Pro 1.4.7 for WordPress Released!

Available in the membership section.

September Discount!

Massive discounts on all subscriptions!

Get Your Subscription Here

Quick Links

Downloads

BreezingForms

ContentBuilder

BreezingCommerce

Templates

Documentation

BreezingForms

ContentBuilder

BreezingCommerce

Apprendre BreezingForms (French Community)

Apprendre et maîtriser BreezingForms par des tutoriels et exemples, le tout en français

breezingforms.eddy-vh.com

Questions et réponses sur les forums de l'AFUJ

AFUJ

Special Offer

Summer Sale! All subscriptions at a special price!

Includes prio support, all of our current and future Joomla!® extensions and Joomla!® templates for the duration of your membership.

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!