Facing issues while creating Tabbed Configuration Page for module


We would like to create a Tabbed Configuration Page for a custom module we are developing.

I was able to get basic settings page created by following home-connect-example from SDK Examples.

I was also able to get multiple links created for multiple settings pages as mentioned in
Wicket Configuration Panel?

Creating a configuration Page that extends from RecordEditForm and/or RecordActionTable works fine.
However I get an error as shown below when trying to create configuration page that extends from TabbedConfigPanel:
ErrorLOg.txt (11.5 KB)

Also attached is the code from GatewayHook and ConfigPage
Code.txt (2.2 KB)

I am trying to add two separate configuration tabs into single tabbed config panel.
Appreciate help in this regard.

I am using Ignition version 7.9.6 and SDK 7.9.3

There is a module on GitHub that uses a tabbed config panel. You may use that as an example. When i made that module i took me some time to understand how Wicket works.

1 Like

It may be best to just stick with a single system. The config pages in the home connect example use React to display the page and send the info to Java – this is the way Ignition will be doing gateway pages going forward. Using Wicket is the way we used to do config pages, and is much harder to implement. Definitely don’t mix the two on a single page.

1 Like

Thanks Chi and Kathy, would try that out.

Hi Kathy,

I am trying to build a custom configuration Page using React.
I was following the home-connect-example and was able to add my custom React Page as a Status Panel.
However how do I add the same as a Configuration Page?

The getConfigPanels method from GatewayModuleHook does not allow returning Panel that implement INamedTab interface , instead requires IConfigTab.

If I have my config class implement IConfigTab, overriding the method public WebMarkupContainer getPanel(String panelId) has no effect.
I get the blank page.

Please suggest.

Hmm… I thought we had added examples of both config and status in react. As soon as I get a chance I’ll add that to the example.

1 Like

Thanks Kathy. That would be of great help.


Have you had a chance to upload those examples? Was taking a look at the current examples and I believe I only see a React example for the status page (ConnectStatus.jsx) and not one for the config page.