close ad
Help us test the new Databridge BETA with MySQLi support
open ad
View Menu

Technical Support Forums

Free, outstanding support from WebAssist and your colleagues

rating

jQuery validation does not float into a bootstrap modal

Thread began 5/23/2018 2:19 pm by Jose | Last modified 5/24/2018 10:06 am by Ray Borduin | 37 views | 7 replies |

Jose

jQuery validation does not float into a bootstrap modal

Hello, I would like to know if jQuery validation work into a form that is triggering inside of bootstrap modal div. In my test I created a form and I validated the input that works well but, I want to use it with a bootstrap modal div and the spry message float behind the form. So want to know if there something to do with this ?

Sign in to reply to this post

Ray BorduinWebAssist

It is probably just a matter of updating the z-index if it floats behind. I'm not sure if it works out of the box but both the jquery and spry should be able to be updated to work by just adjusting the css to make them show on top.

Sign in to reply to this post

Jose

Yes, I was thinking in modify the css but I wasn't sure how to do it. Thank you Ray for your idea. I appreciate that.

Sign in to reply to this post

Ray BorduinWebAssist

If you post a url where I can see the issue I might be able to suggest the css to update.

Sign in to reply to this post

Jose

Okay, I will post the URL when I go back home. So I let you. Thank you again

Sign in to reply to this post

Jose

URL

Here is the URL

http://tunes.us.tempcloudsite.com/adminknob/test

then click update button, in the dialog submit "save change". Then you can cancel it and you will see the message under the form.

Sign in to reply to this post

Ray BorduinWebAssist

Update the error css file Default.css on line 53 and add a z-index to the .Default-wrapper class. Just make it a very high number so it always shows on top like:

z-index: 999999;

Sign in to reply to this post

Jose

Thank you Ray very much. That is wonderful. I appreciate it.

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