Naviage to another iView in Visual Composer

[Former Member]

I am trying to configure navigation from one iView to another. I have going through many tutorials but to no avail.

The result of the steps below should be that the ”source” iView is shown. When the submit button is clicked the value in the source_field should show up in the target iView.

However nothing happens when you click the submit button.

Please Help.

Here are my steps.

In Visual Vomposer

Create a new model.

Create a new package. (Drill into package)

Create an iView named “source”. (Drill into the iView)

Add an Form view: “Form 1”.

Add a Start connector and link it to the in port of the form.

Right click on the form and select Configure Element

Add a new Input Field: “source_field”

Add a new pushbutton: “submit”

Open the properties of the “submit” button

è Open Action Tab

è Select custom action

è Set custom action: “TO_TARGET”

è Click Close

Click and drag from out port of the form and select Signal Out

In the Select Output dialog

Select “source_field”

Right click the newly created Signal Out and select Configure Element

Change the name to ”Port”

Click on the link from the form to the Signal Out icon

Change the Event Name to “TO_SOURCE”

You should see in the lower right panel

Input field Assigned field

source_field @source_field

Navigate back up to the package

Create a new iView named “target”

Drill into the iView

Add a Signal In connector. Configure the name to “Port”

Add an input field : source_field

Add a new Form view : “Form1”

Link from the Signal In to the in port of the form.

Right click on the form and select Configure Element

A field “source_field” will have been automatically created. Set the type of the field to Input Field.

Click and Drag from the out port of the form and choose End Point. Do not select a field for output.

Save the Model and deploy.

The result should be that the ”source” iView is shown and when the submit button is clicked the value in the source_field should show up in the target iView.

However nothing happens when you click the submit button.

Please help?

Rick Laird

[Sathish]

The action & the events need to match. The event names can be pulled from the drop down.

You can 'End Point' & 'Start' also for transferring data from one iView to another.

Also the field names matter.

Do check on the above. There shouldnt be any problem.

[Former Member]

Hi Rick,

The event name must match the action name that you defined thus TO_TARGET and not TO_SOURCE. In fact you should be getting a warning that the event is declared but cannot be fired. If you just open the drop down in the port's event name you will see TO_TARGET in lower case. Just select it.

Regards,

Allen