Webportal Layouting

I am building a workflow to be accessed from the Webportal and I would like to have two quickform components on the same line on the webportal. It should be doable according the Webportal user guide page 11.

However, I am fighting with the JSON code in the Layout Wrapped Node Wizard with not too much success so far.

Would it be possible to have a code sample showing how to do it correctly ?

Thanks in advance for the help.

Best Regards,
Eric.

Hi Eric,

take this code snippet as an example:

{
  "rows" : [ {
    "type" : "row",
    "columns" : [ {
      "content" : [ {
        "type" : "view",
        "resizeMethod" : "viewLowestElementIEMax",
        "autoResize" : true,
        "scrolling" : false,
        "sizeHeight" : true,
        "sizeWidth" : false,
        "nodeID" : "1"
      } ],
      "widthMD" : 6
    }, {
      "content" : [ {
        "type" : "view",
        "resizeMethod" : "viewLowestElementIEMax",
        "autoResize" : true,
        "scrolling" : false,
        "sizeHeight" : true,
        "sizeWidth" : false,
        "nodeID" : "2"
      } ],
      "widthMD" : 6
    } ]
  } ]
}

It defines one row, with two columns. It is importent to give the columns the correct width. If they are too wide they will break onto a new line. The maximum width is 12 (100%), so two equal sized columns, which take up half of the available space both have a width of 6.

I hope this will help you.

Best regards,
Christian

Hi Christian,

Many thanks for the sample code. That's exactly what I was looking for and it works perfectly.

Thanks again and Best Regards,

Eric.