TOPIC:

Problem on responsiv calendar 3 years 3 months ago #238257

  • Topic Author
  • jps0302
  • Offline
  • New Member
  • New Member
  • Registered
  • Posts: 15
  • Thanks: 0
Hello

I'm building a form for a sports association and I'm having a problem with a form that is a recruiter of players, coaches and leaders.
Here is the address of the form: football.cabeglais.fr/contac...damier-beglais

My problem:
The champion Date of birth type "responsive calendar" birth limit in 1989 and capped at 2049 (which is not very consistent for a date of birth).
To choose a year <to 1989, you must first click on 1989 to obtain the previous 30 years.
How to set this champion to go in December 1989 and during the year?

PS:
I specify what I do this champion by positioning a type "calendar", I do not encounter the problem ...

Thank you for your help

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

Problem on responsiv calendar 3 years 3 months ago #238273

  • mihaela
  • Offline
  • User is blocked
  • User is blocked
  • Registered
  • Posts: 3128
  • Thanks: 416
Hello,

To set the responsive calendar as you want go to form's Advanced properties tab > More options > Form Pieces > Before Form, set Type to Custom and paste this code in the code area below:
echo '<script type="text/javascript">
                                        
    JQuery(document).ready(function () {
                             
        JQuery("#ff_elem11156_calendarButton").pickadate({
			format: "dd-mm-yyyy", 
                       selectYears: 101, 
			min: [1920,1,1], max: [2030,12,31],
                        selectMonths: true,
                        editable: true,
                        firstDay: 1,
			onSet: function() {JQuery("#ff_elem11156").val(this.get("value"));}
		});
        });
</script>';
NOTE: You'll have to insert the correct ID of the responsive calendar in the following 2 lines (in my case the ID is ff_elem11156).
JQuery("#ff_elem11156_calendarButton").pickadate({
onSet: function() {JQuery("#ff_elem11156").val(this.get("value"));}
You can set min and max date to whatever suits you here:
min: [1920,1,1], max: [2030,12,31],

Let me know whether you have managed to set this for your form and whether this works as you wanted.
If you have more questions, feel free to ask.

Regards,

Mihaela

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

Last edit: Post by mihaela.

Problem on responsiv calendar 3 years 3 months ago #238275

  • Topic Author
  • jps0302
  • Offline
  • New Member
  • New Member
  • Registered
  • Posts: 15
  • Thanks: 0
Hi

Where is The ID of the responsive calendar ?

Thank you

Best regards

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

Problem on responsiv calendar 3 years 3 months ago #238276

  • Topic Author
  • jps0302
  • Offline
  • New Member
  • New Member
  • Registered
  • Posts: 15
  • Thanks: 0
Hi
I have found the id.
I'm going to check
Thank's

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

Problem on responsiv calendar 3 years 3 months ago #238277

  • Topic Author
  • jps0302
  • Offline
  • New Member
  • New Member
  • Registered
  • Posts: 15
  • Thanks: 0
Hello
I just tested.
It's perfect
thank you

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

Problem on responsiv calendar 3 years 3 months ago #238280

  • mihaela
  • Offline
  • User is blocked
  • User is blocked
  • Registered
  • Posts: 3128
  • Thanks: 416
Hello again,

Great! I'm glad that you have managed to find the ID and that the suggested solution is working for you.

Best regards,

Mihaela

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

  • Page:
  • 1
  • 2
Moderators: ForumSupport
Time to create page: 0.057 seconds

Support Chat

Join our Discord chat and enter the Crosstec channels for live-support, chat forums and interact directly with the community!

After joining, please enter the Crosstec Area and use the #crosstec-support or #crosstec-general channels.

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

Subscribe to news and updates!

Special Offer

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!

Live Support Chat Opened!

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