Repeating list showing up in two spots on a form

  • 3 November 2015
  • 2 replies
  • 1 view

Badge +8

Hi Community,

 

We have built a repeating section on a form for purchase orders so that a user can add multiple items into a list.  Now the client would like to have a summary page before submission of the purchase order and I was wondering is there an easy way to have the repeating section to show up in two places on the form with out the user hitting a save or submit button. This would be very helpful going forward on other forms as well.

 

Thanks,

Kevin


2 replies

Badge +8

Hope someone might have some insight to this.

Badge +7

Hi Kevin,

I've got a possible solution to this that involves a modal dialog.

1. Add a css class to the repeating section, in my example its rptSectionCSS

2. Add a rich text field and hide it using css, edit the source and paste the following (this is just my example):

<div id="myDialogBox"></div>

3. In Form settings - Custom javascript paste the following function:

function fnShowDialog()

{

    var myElement = NWF$(".rptSectionCSS").first().clone().removeAttr('id') ;

    NWF$("#myDialogBox").html(myElement);

    NWF$("#myDialogBox").dialog({title: "Nintex Dialog",  modal: true, autoOpen:true, minHeight: 600,minWidth: 700});

};

4. Create a javascript button on the form that calls fnShowDialog(); on client click.

You get something like this:

166112_pastedImage_7.png

Credit to Manfred Lauer for his blog article, How to create a formatted Help dialog for a Nintex Form

Jan

Reply