Responsive Calendar shows up near the end of the form

  • martenj52
  • Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 7
  • Thank you received: 0

martenj52 replied the topic: Responsive Calendar shows up near the end of the form

In the preview window it shows up ok. But when viewed from a browser (desktop or mobile), then it appears near the end of the form. Checked from multiple devices.
#239553
  • Posts: 3124
  • Karma: 104
  • Thank you received: 409

mihaela replied the topic: Responsive Calendar shows up near the end of the form

Hello again,

Which template are you using?

Could you just perform a quick test by changing the template to Protostar to see whether the calendar will display properly with another template?

Regards,

Mihaela
#239578
  • martenj52
  • Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 7
  • Thank you received: 0

martenj52 replied the topic: Responsive Calendar shows up near the end of the form

Ok, I found it. It wasn't the template, it was the iframe setting in the menu item of the form. I turned iframe off, since it's not really needed, and after that there wasn't any problem with the Responsive Calendar window - now it opens near its field.

In general, after some testing I saw the iframe setting for the forms causes display problems in various browsers - sometimes the height is messed up and the form shows incomplete (even if you set manually a height large enough) and sometimes the form doesn't show up at all. Safari especially is the worst. Firefox for mobile gave the best display with iframes, Chrome for mobile also worked good and also no problems with newer IE versions.
#239589
  • Posts: 3124
  • Karma: 104
  • Thank you received: 409

mihaela replied the topic: Responsive Calendar shows up near the end of the form

Hello again,

I am glad that you have found the cause of the calendar not being displayed properly and that it is acceptable for you not to publish the form in an iframe.

Thank you for noting us about iframe behavior in different browsers. For most people, it turned out that publishing the form in an iframe actually resolved some problems.
We will look into this.

Best regards,

Mihaela
#239598
  • martenj52
  • Topic Author
  • Offline
  • Fresh Boarder
  • Fresh Boarder
  • Posts: 7
  • Thank you received: 0

martenj52 replied the topic: Responsive Calendar shows up near the end of the form

It's true that iframes help, though in newer versions of Joomla you get much less of the problems that iframes are needed to solve.

And what was affected here was only the mobile view. IF the form is long and IF running in iframes and IF viewed from some mobile browsers it may face problems with its length display. And IF running in frames AND it has modal popups (e.g. Responsive Calendar) then the popup will show up elsewhere. I also had a simple UIkit modal popup to show a diagram - and instead of appearing in the middle of the (viewed) screen it appeared in the middle of the iframe. From a computer it will hardly be noticed but from a mobile phone view there is considerable difference.

Have a nice day!
#239617
  • Posts: 3124
  • Karma: 104
  • Thank you received: 409

mihaela replied the topic: Responsive Calendar shows up near the end of the form

Hello,

I hope that it is ok for you to use the form displayed as you have described.

As for the form length, you can go to your forms Advance Options > More Options > Autoheight iFrame and set it to "on" + set the width to 100% also and that should resolve the issue.

Regards,

Mihaela
#239631
Moderators: ForumSupporttomeperica
Time to create page: 0.074 seconds

New Icon Packs Category!

Crosstec is now offering icon packs.

If you are a paying subscriber, icon packs are automatically added to your account.

Check out our icon packs page!

Live Support Chat Opened!

Join our Discord chat here to receive live support and talk directly to the team!

Summer Sale!

50% discount on all of our extension subscription plans, templates and icon packs!

Get Your Subscription 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 for just 49! (Summer Sale)

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!

Live Support Chat Opened!

Join our Discord chat here to receive live support and talk directly to the 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