Skip to main content
Nintex Community Menu Bar

Hide a form panel by clicking a button or an image

  • February 15, 2022
  • 1 reply
  • 620 views
  • Translate
C
Nintex Employee
Forum|alt.badge.img+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.

 

    Did this topic help you find an answer to your question?

    G
    Nintex Employee
    Forum|alt.badge.img+4
    • garydsouzaNintex Employee
    • Nintex Employee
    • July 1, 2021

    can we add another label for O365 forms.

    Translate

    Reply


    Sidebar Buttons
    Nintex Community Home Contact Nintex Support Email Nintex Community Check Nintex Status
    Terms & ConditionsCookie Settings

    Cookie policy

    We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

     
    Cookie Settings