Pages

Thursday, January 5, 2017

Hide Validation Summary Error Message in the Nintex Form

Issue

By default, Nintex seems to display error messages (required data missing, validation error messages, etc.) above the Nintex form. 

Solution:

Add in the following CSS code in the Cusom CSS area and Check it. the error validation summary message is not visible to the user.



@keyframes fadeIn { from {opacity: 0;} to {opacity: 1;}}  
.nf-validation-summary  
{
visibility: hidden;   
  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;  
 

No comments:

Post a Comment