AnsweredAssumed Answered

Modify the position of Validation Summary from top of Nintex Forms

Question asked by sandy_s on Feb 5, 2017
Latest reply on Feb 6, 2017 by sandy_s

Hi All,

 

I have a long form and users need to full all the required fields. If they miss any data Nintex shows validation errors on the page.

I found a blog that solves the issue by providing CSS

 @keyframes fadeIn { from {opacity: 0;} to {opacity: 1;}}  
.nf-validation-summary  
{   
  position: fixed;   
  z-index : 1000;   
  top: 150px;   
  width: 280px;   
  left: 15px;   
  background-color: white;   
  border: 2px solid red;   
  border-radius:3px;   
  box-shadow: 3px 3px 3px 3px rgba(50, 50, 50, 0.6);   
  animation: fadeIn 1s;  
  margin-top : 20px;  

}  

when a form is loaded, it keeps that red border as default even if a user has NOT filled any entry.



Q: How could modify the above CSS code to show validation error ONLY when missed any form field(s)?
Any help would be highly appreciated.

Outcomes