close ad
WARNING PC USERS: Do Not Install the DREAMWEAVER CC 2017 Update »
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

JQuery Validation

Thread began 9/18/2016 10:03 pm by danielsebas | Last modified 2/13/2017 1:59 pm by Ray Borduin | 99 views | 6 replies |

danielsebas

JQuery Validation

Hi, I just used bootstrap to make modal with a login form. The login form was made with the Create Security Assist Pages option. The form works well in the modal but the jquery validation appears in the back of the modal and you can only see it if you close the modal.

How can I make the jQuery validation window to appear in the modal window where the login form is?

Sign in to reply to this post

Ray BorduinWebAssist

It is probably a matter of adjusting the z-index in the CSS.... if you give me a url where I can reproduce the issue I can play with the CSS to tell you what to change and where.

Sign in to reply to this post

danielsebas

Thank you Ray, the url is www.danielsebas.com/index1.php
The login form is triggered in Tinted Roses under Collections.

Sign in to reply to this post

Ray BorduinWebAssist

Update the class in the file: /webassist/jq_validation/Serene1.css

line 53 update the Serene1-wrapper class and add: z-index:99999

Sign in to reply to this post

danielsebas

Thank you Ray it worked but it won't close if I close the modal window.

Sign in to reply to this post

Ray BorduinWebAssist

You will have to add code to close the message when the lightbox closes:

document.getElementById("Log_In_group_2_Password_waerror_errorMsg_wrapper").style.display = 'none';

The lightbox you use should have an onclose event.

Sign in to reply to this post

danielsebas

Thank you Ray, I solve it like this for bootstrap 3 modal:

$("#myModal").on("hidden.bs.modal", function () {
// put your default event here
document.getElementById("Log_In_group_2_Password_waerror_errorMsg_wrapper").style.display = 'none';
});
Sign in to reply to this post

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...