Styling

Hey,

Are you able to provide a link to an example form?

Or a picture?

Or let me know exactly the number of columns you’ve added, the names of them and which one has the date picker enabled?

Hi,

Where I can send my credentials to access the site? It is closed for publics at the moment.

You can send the URL and details to

[email protected]

Hi,

Thanks for sending through the link.

The issue is happening because your’ve got the Gravity Forms styles enabled, which is fine, but they use a style that makes the datepicker fields a fixed width.

Even worse they use a CSS !important rule – which makes overriding this rule unreliable and difficult.

I’ve just pushed out version 1.3 that attempts to resolve this by adding an additional CSS rule if the Gravity Forms styles are enabled. This override is:

.gform_wrapper .gfield_list td.gfield_list_cell input.datepicker {
width: 97.5% !important;
}

It’s quite uses a very specific target because the more specific you are the more likely the other !important rule is overridden. Hopefully it works for enough browsers, I could only test in Firefox at the moment.

I also noticed a performance issue with the list field datepicker jQuery, so I tidied that up also in version 1.3.

When you can, update the plugin and see if the column looks better for you.

That worked out perfectly for me. Thanks a lot!