close ad
Install the LAtest Updates to Work with CC 2017 and CC 2018
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

Problem with datepicker.css and JQuery Validation

Thread began 5/07/2014 12:47 pm by info4753 | Last modified 1/23/2015 12:14 pm by Jason Byrnes | 2734 views | 22 replies |

info4753

Problem with datepicker.css and JQuery Validation

Please see the attached screenshot.

When I add a datepicker to my form the jquery-custom.css file causes the validated fields to be light grey. But inside the jquery-custom.css there are no styles that correspond to the field styles. How can I prevent the jquery-custom.css from changing the fiel styles of the validated fields?

When I remove the jquery-custom.css the form fileds show the correct styles in validation.

Second: where can I change the Datepickers design?

Thanks for any help.

Sign in to reply to this post

Jason ByrnesWebAssist

send a link where i can see the problem, it is impossible to troubleshoot design related problems without being able to see the problem.

  Second: where can I change the Datepickers design?  



in design view, select the Data Picker element, there will be a blue bounding box around it, select the blue bounding box, that will trigger the edit button in the property inspector. Click the edit button to launch the date picker UI, you can change the date picker design there.

Sign in to reply to this post

info4753

Thanks for your reply Jason

Sorry for the missing link, please see pm

Sign in to reply to this post

Jason ByrnesWebAssist

in the webassist/forms/fd_swisswebfactory_bravehearts/Datepicker/css/jquery-custom.css file, change:

.ui-state-error, .ui-widget-content .ui-state-error {
border: 1px solid #CD0A0A;
background: #FEF1EC url(images/ui-bg_inset-soft_95_fef1ec_1x100.png) 50% bottom repeat-x;
color: #CD0A0A;
}

to:
.ui-state-error, .ui-widget-content .ui-state-error {
border: 1px solid #CD0A0A;
/*background: #FEF1EC url(images/ui-bg_inset-soft_95_fef1ec_1x100.png) 50% bottom repeat-x;*/
color: #CD0A0A;
}

Sign in to reply to this post

info4753

Wow that was faster than light Jason ... :p

Problem solved, day saved.

Muchos gracias!

Sign in to reply to this post

Jason ByrnesWebAssist

you're welcome.

Sign in to reply to this post

info4753

I can't find a way to edit the datepicker. I select the datepiacker filed but there is no edit button. Please see the attached screenshot.

Thanks in advance

Sign in to reply to this post

Jason ByrnesWebAssist

In your screen shot, look at the design view side. Notice the blue bounding box surrounding the date picker filed.

Click that blue bounding box to trigger the edit option in the property inspector.

Sign in to reply to this post

info4753

I know, I click on it but nothing happens. I do only see the preferences of the datepicker but I can't change the design of it. Or where do I have to click after selecting the blue surrounding?!

I feel like being a complete beginner ... :p

Sign in to reply to this post

Jason ByrnesWebAssist

What is your OS, and DW Version? also what version of Data bridge is installed?

Sign in to reply to this post
loading

Build websites with a little help from your friends

Your friends over here at WebAssist! These Dreamweaver extensions will assist you in building unlimited, custom websites.

Build websites from already-built web applications

These out-of-the-box solutions provide you proven, tested applications that can be up and running now.  Build a store, a gallery, or a web-based email solution.

Want your website pre-built and hosted?

Close Windowclose

Rate your experience or provide feedback on this page

Account or customer service questions?
Please user our contact form.

Need technical support?
Please visit support to ask a question

Content

rating

Layout

rating

Ease of use

rating

security code refresh image

We do not respond to comments submitted from this page directly, but we do read and analyze any feedback and will use it to help make your experience better in the future.

Close Windowclose

We were unable to retrieve the attached file

Close Windowclose

Attach and remove files

add attachmentAdd attachment
Close Windowclose

Enter the URL you would like to link to in your post

Close Windowclose

This is how you use right click RTF editing

Enable right click RTF editing option allows you to add html markup into your tutorial such as images, bulleted lists, files and more...

-- click to close --

Uploading file...