I am using an external form mapping to send a specific recordId to a process whose start node is mapped to a Joget form.  The record ID that I want to use is selected from a list in another form in the process and is mapped to a workflow variable (wvSelectedRecordID).

I am specifying the external form URL like this:

https://<<MY JOGET PROCESS URL>>?start=true&recordId=#variable.wvSelectedRecordID#

This works for the most part as the form is displayed and the correct record is loaded.

However the IFrame is displayed in a small section at the top of the browser page and I have been trying to override the height (using the IFrame CSS field in the External Form setting).

For example if I override the background colour (to DodgerBlue) I can see the colour in the small IFrame before the form loads.  So I know that the CSS is being applied.

I just can't find the right combination of class or id to use in the CSS to force the IFrame to use the whole page of the browser.

The height appears to be related to #main-body-content or #assignmentExternalForm but the right combination has so far eluded me.

Any examples of a working solution would be welcome.

Thanks.