Hide a form panel by clicking a button or an image

  • 15 February 2022
  • 1 reply
  • 485 views
C
Userlevel 3
Badge +8

Topic

Classic Nintex Forms allow for custom JavaScript and CSS but Nintex does not support custom code. This example is provided as is.
How to change the visibility property.

 

Instructions

1) Define a CSS class for the control
  • In the control settings > Formatting > CSS class <name of class in text>
  • In Form settings Custom CSS add a blank css class Example .panelx{}
2) Create a JavaScript Function to either show, hide or toggle the visibility.
  • In form settings > custom JavaScript write a function Example: function showPanel(){NWF$('.panelx').hide();}
3 Call the function by either creating a button of type JavaScript or  in a save / submit button in the advanced section > client click Example:showPanel()

 

Related Links

Forum post discussing this solution.

 

1 reply

G
Badge +4

can we add another label for O365 forms.

Reply


View our Community Site Map

Nintex Community Sitemap
Terms & ConditionsCookie settings