Calendar in Web Form Builder - Page 1

User 2464137 Photo


Registered User
3 posts

Hi Guys

I've been giving the lite version of Web Form Builder a bit of a thrashing before buying the full version, looking good so far but I have a question. How can I change the date displayed in a field once it has been selected with the pop up calendar? We're based in the UK, and 10/3/2012 to us is the 10th of March, not the 3rd of October, but when I choose today's date it is displayed incorrectly in the date field for us in the UK. Can I change this anywhere, I've checked settings but only find time zone settings, not date format.

Anyone got any ideas on this?

Thanks

Al
User 122279 Photo


Senior Advisor
14,450 posts
Online Now

When you insert a date field into your form, you'll see under the properties for that field a button to select date formats. There is a long list to choose from.
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2464137 Photo


Registered User
3 posts

Doh, so simple! I thought there was going to be some kind of 'under the hood' trickery needed, thanks for your reply Inger :D

Take care

Al
User 122279 Photo


Senior Advisor
14,450 posts
Online Now

'Under the hood trickery' is still to some extent necessary if you want to change this and that in the design, I think. But we had a workshop some time ago where we were asked to submit our various date formats around the world, so that should be an easy one. Good luck with your form! :)
Ha en riktig god dag!
Inger, Norway

My work in progress:
Components for Site Designer and the HTML Editor: https://mock-up.coffeecup.com


User 2585281 Photo


Guest
5 posts

Made a form that is working nicely thanks to the Web Form Builder. One element is the magical date popupboxulator thing. Looks nice on desktop, but not so much on mobile. Is there a way to control the size of the popup (the way it zooms really) or should I just hammer out a regex for dates?

BTW tacking on here to a somewhat related article as I somehow am overlooking where to add a new article :rolleyes:
User 187934 Photo


Senior Advisor
20,186 posts

You'll need to get your hands dirty and open the
myformname/common/css/jquery-ui-1.8.5.custom.css
then alter a few lines of code. line 504.
This one is for the width. Alter the 17em
.ui-datepicker {
padding: 0.2em 0.2em 0;
width: 17em;
}

The height is going to require more tweaking of other things in that same area. Make a backup copy then start altering the original.

Line 521 reduce the padding to 0.0em
.ui-datepicker td span, .ui-datepicker td a {
display: block;
padding: 0.2em;
text-align: right;
text-decoration: none;
}
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2585281 Photo


Guest
5 posts

Poking around. Not finding where I can change the size of the font for the month and year, so it looks sloppy when I resize the entire table, decreasing width. Will keep looking.
User 2585281 Photo


Guest
5 posts

A-ha! added font size here
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; font-size: .7em; }

Now if could just kill the zooming :)
User 187934 Photo


Senior Advisor
20,186 posts

Let me take a look later. I have a football game to go to. I run the video screen.:)
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personal site used for testing and as an easy way to share photos.(RLM imported to RSD)
https://ericrohloff.com
User 2585281 Photo


Guest
5 posts

Haven't had any more time to work on this form as more pressing server work is on hand. Will pick it up next week and will post if further issues.

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.