midrange.com code scratchpad
Name:
Profound UI Menu
Scriptlanguage:
Plain Text
Tabwidth:
4
Date:
06/09/2015 11:16:24 pm
IP:
Logged
Description:
JSON which is generated by the Profound UI Open Access Handler and downloaded to the Profound UI browser "applet"; used to display a "menu" of sample programs.
Code:
  1. {  
  2.    "success":true,
  3.    "version":"5.0.8",
  4.    "timeout":3600,
  5.    "psid":"731FB88185E0CCF12D4EDFAF84A9855001CE81705E4F6CCDB057E39850CD2539",
  6.    "appJob":{  
  7.       "auth":"731FB88185E0CCF12D4EDFAF84A9855001CE81705E4F6CCDB057E39850CD2539",
  8.       "user":"QTMHHTP1",
  9.       "sysTime":1433890226,
  10.       "decimalFormat":" ",
  11.       "curSym":"$",
  12.       "dateSeparator":"/",
  13.       "timeSeparator":":",
  14.       "dateFormat":"*MDY",
  15.       "secLevel":1,
  16.       "sysName":"POWER8"
  17.    },
  18.    "layers":[  
  19.       {  
  20.          "formats":[  
  21.             {  
  22.                "name":"MENU",
  23.                "file":"MENU001D",
  24.                "library":"PUISAMPLES",
  25.                "fileId":1,
  26.                "active":true,
  27.                "ref":{  
  28.  
  29.                },
  30.                "data":{  
  31.                   "BTNEXIT":"0",
  32.                   "CHART001I":"0",
  33.                   "CHART002I":"0",
  34.                   "CHART003I":"0",
  35.                   "CHART004I":"0",
  36.                   "CHECK001I":"0",
  37.                   "DATE001I":"0",
  38.                   "DDROP001I":"0",
  39.                   "DROPD001I":"0",
  40.                   "DROPD002I":"0",
  41.                   "DROPD003I":"0",
  42.                   "DROPD004I":"0",
  43.                   "FOCUS001I":"0",
  44.                   "FONT001I":"0",
  45.                   "FRAME001I":"0",
  46.                   "GRID001I":"0",
  47.                   "GRID002I":"0",
  48.                   "GRID003I":"0",
  49.                   "GRID004I":"0",
  50.                   "GRID005I":"0",
  51.                   "GRID006I":"0",
  52.                   "HELLO002I":"0",
  53.                   "IMAGE001I":"0",
  54.                   "POSI001I":"0",
  55.                   "PROGRAM":"",
  56.                   "SAMPLE001I":"0",
  57.                   "SECTION":"3",
  58.                   "SHOPCARTI":"0",
  59.                   "TAB001I":"0",
  60.                   "TAB002I":"0",
  61.                   "UPLD001I":"0",
  62.                   "VISI001I":"0"
  63.                },
  64.                "metaData":{  
  65.                   "screen":{  
  66.                      "record format name":"MENU",
  67.                      "description":"Samples Menu Screen",
  68.                      "onload":"var menuElems = {};\n\nfunction processElement(elem) {\n  if (get(elem) == \"View Source\") {\n    var img = elem.previousSibling;\n    if (img != null && img.tagName == \"IMG\") {\n      elem.style.cursor = \"pointer\";\n      elem.onmouseover = function() {\n        elem.style.textDecoration = \"underline\";\n      }\n      elem.onmouseout = function() {\n        elem.style.textDecoration = \"\";\n      }\n      img.onmouseover = function() {\n        elem.style.textDecoration = \"underline\";\n      }\n      img.onmouseout = function() {\n        elem.style.textDecoration = \"\";\n      }\n      elem.onclick = function() {\n        pui.click(img);\n      }\n    }\n  }\n  else {\n    if (elem.pui == null) return;\n    if (elem.pui.properties == null) return;\n    var program = elem.pui.properties[\"user defined data\"];\n    if (program == null) return;\n    elem.onclick = function() {\n      changeElementValue(\"Program\", program);\n      pui.click();\n    }\n    if (menuElems[program] == null) menuElems[program] = {};\n    if (elem.pui.properties[\"field type\"] == \"output field\") {\n      menuElems[program].label = elem;\n      elem.title = \"Program Name: \" + program;\n    }\n    if (elem.pui.properties[\"field type\"] == \"html container\") {\n      menuElems[program].desc = elem;\n    }\n    if (elem.pui.properties[\"field type\"] == \"image\") {\n      menuElems[program].image = elem;\n      elem.style.opacity = 0.8;\n      elem.style.border = \"1px solid white\";\n    }\n    elem.onmouseover = function() {\n      var label = menuElems[program].label;\n      if (label != null) label.style.textDecoration = \"underline\";\n      var desc = menuElems[program].desc;\n      if (desc != null) desc.style.backgroundColor = \"#dddddd\";\n      var image = menuElems[program].image;\n      if (image != null) image.style.opacity = 1;\n      if (image != null) image.style.border = \"1px solid #cccccc\";\n    }\n    elem.onmouseout = function() {\n      var label = menuElems[program].label;\n      if (label != null) label.style.textDecoration = \"\";\n      var desc = menuElems[program].desc;\n      if (desc != null) desc.style.backgroundColor = \"\";\n      var image = menuElems[program].image;\n      if (image != null) image.style.opacity = 0.8;\n      if (image != null) image.style.border = \"1px solid white\";\n    }\n  }\n}\n\nfunction processElements(tag) {\n  var elements = document.getElementsByTagName(tag);\n  for (var i = 0; i < elements.length; i++) {\n    processElement(elements[i]);\n  }\n}\n\nprocessElements(\"IMG\");\nprocessElements(\"DIV\");\n"
  69.                   },
  70.                   "items":[  
  71.                      {  
  72.                         "id":"Layout1_copy2",
  73.                         "field type":"output field"
  74.                      },
  75.                      {  
  76.                         "id":"Layout1_copy",
  77.                         "field type":"output field"
  78.                      },
  79.                      {  
  80.                         "id":"Layout2",
  81.                         "field type":"layout",
  82.                         "left":"10px",
  83.                         "top":"5px",
  84.                         "template":"simple container",
  85.                         "height":"775px",
  86.                         "width":"930px",
  87.                         "center horizontally":"true",
  88.                         "locked in place":"true"
  89.                      },
  90.                      {  
  91.                         "id":"Layout1",
  92.                         "field type":"layout",
  93.                         "left":"10px",
  94.                         "top":"10px",
  95.                         "template":"accordion",
  96.                         "header theme":"A - Black",
  97.                         "body theme":"C - Gray",
  98.                         "allow collapse":"true",
  99.                         "height":"735px",
  100.                         "width":"910px",
  101.                         "z index":"8",
  102.                         "section names":"Welcome, Simple, Dropdowns, Tab Panels, Miscellaneous, Drag and Drop, Subfiles, Charts",
  103.                         "visibility":"visible",
  104.                         "active section":{  
  105.                            "fieldName":"Section",
  106.                            "dataLength":"5",
  107.                            "decPos":"0",
  108.                            "numSep":"false",
  109.                            "zeroBalance":"false",
  110.                            "numBlankFill":"false",
  111.                            "zeroFill":"false",
  112.                            "curSym":"",
  113.                            "dataType":"zoned",
  114.                            "formatting":"Number",
  115.                            "negNum":"-999.00",
  116.                            "units":""
  117.                         },
  118.                         "onsectionclick":"pui.set(\"Section\", section);",
  119.                         "locked in place":"true",
  120.                         "layout":"Layout2",
  121.                         "container":"1"
  122.                      },
  123.                      {  
  124.                         "id":"CssButton1",
  125.                         "field type":"css button",
  126.                         "value":"Exit",
  127.                         "left":"850px",
  128.                         "top":"14px",
  129.                         "small button":"true",
  130.                         "icon":"delete",
  131.                         "icon position":"left",
  132.                         "response":{  
  133.                            "fieldName":"btnExit",
  134.                            "customTrue":"",
  135.                            "customFalse":"",
  136.                            "dataType":"indicator",
  137.                            "formatting":"Indicator",
  138.                            "indFormat":"1 / 0"
  139.                         },
  140.                         "layout":"Layout2",
  141.                         "container":"1"
  142.                      },
  143.                      {  
  144.                         "id":"Program",
  145.                         "field type":"textbox",
  146.                         "css class":"input",
  147.                         "value":{  
  148.                            "fieldName":"Program",
  149.                            "dataLength":"10",
  150.                            "trimLeading":"false",
  151.                            "trimTrailing":"true",
  152.                            "blankFill":"false",
  153.                            "rjZeroFill":"false",
  154.                            "dataType":"char",
  155.                            "formatting":"Text",
  156.                            "textTransform":"none",
  157.                            "designValue":"[Program]"
  158.                         },
  159.                         "left":"45px",
  160.                         "top":"25px",
  161.                         "width":"80px",
  162.                         "visibility":"hidden",
  163.                         "layout":"Layout2",
  164.                         "container":"1"
  165.                      },
  166.                      {  
  167.                         "id":"Section",
  168.                         "field type":"textbox",
  169.                         "css class":"input",
  170.                         "value":{  
  171.                            "fieldName":"Section",
  172.                            "dataLength":"5",
  173.                            "decPos":"0",
  174.                            "numSep":"false",
  175.                            "zeroBalance":"false",
  176.                            "numBlankFill":"false",
  177.                            "zeroFill":"false",
  178.                            "curSym":"",
  179.                            "dataType":"zoned",
  180.                            "formatting":"Number",
  181.                            "negNum":"-999.00",
  182.                            "units":"",
  183.                            "designValue":"[Section]"
  184.                         },
  185.                         "left":"145px",
  186.                         "top":"25px",
  187.                         "visibility":"hidden",
  188.                         "width":"75px",
  189.                         "layout":"Layout2",
  190.                         "container":"1"
  191.                      },
  192.                      {  
  193.                         "id":"Label2_copy1932",
  194.                         "field type":"output field",
  195.                         "css class":"label",
  196.                         "value":"View Source",
  197.                         "color":"#003366",
  198.                         "font size":"12px",
  199.                         "text align":"left",
  200.                         "left":"600px",
  201.                         "top":"270px",
  202.                         "width":"90px",
  203.                         "layout":"Layout1",
  204.                         "container":"8"
  205.                      },
  206.                      {  
  207.                         "id":"Image1_copy1932",
  208.                         "field type":"image",
  209.                         "image source":"/profoundui/proddata/images/puisamples/Chart004R.png",
  210.                         "left":"450px",
  211.                         "top":"175px",
  212.                         "height":"95px",
  213.                         "width":"120px",
  214.                         "cursor":"pointer",
  215.                         "user defined data":"CHART004R",
  216.                         "layout":"Layout1",
  217.                         "container":"8"
  218.                      },
  219.                      {  
  220.                         "id":"HtmlContainer1_copy1532",
  221.                         "field type":"html container",
  222.                         "font size":"12px",
  223.                         "font weight":"normal",
  224.                         "white space":"normal",
  225.                         "html":"In this example, we show how to add another new modules of FusionChart products. This example demonstrates how to use the FusionWidgets XT Angular Gauge style chart.",
  226.                         "left":"575px",
  227.                         "top":"190px",
  228.                         "height":"60px",
  229.                         "width":"275px",
  230.                         "cursor":"pointer",
  231.                         "user defined data":"CHART004R",
  232.                         "layout":"Layout1",
  233.                         "container":"8"
  234.                      },
  235.                      {  
  236.                         "id":"Image1",
  237.                         "field type":"image",
  238.                         "left":"200px",
  239.                         "top":"20px",
  240.                         "image source":"/profoundui/proddata/images/puisamples/profoundlogo.png",
  241.                         "layout":"Layout1",
  242.                         "container":"1"
  243.                      },
  244.                      {  
  245.                         "id":"Label1_copy",
  246.                         "field type":"output field",
  247.                         "css class":"label",
  248.                         "value":"Dynamic Hello World",
  249.                         "color":"#0099FF",
  250.                         "text align":"left",
  251.                         "left":"15px",
  252.                         "top":"5px",
  253.                         "width":"155px",
  254.                         "cursor":"pointer",
  255.                         "user defined data":"HELLO002R",
  256.                         "layout":"Layout1",
  257.                         "container":"2"
  258.                      },
  259.                      {  
  260.                         "id":"Label1_copy2",
  261.                         "field type":"output field",
  262.                         "css class":"label",
  263.                         "value":"Set Focus Dynamically",
  264.                         "color":"#0099FF",
  265.                         "text align":"left",
  266.                         "left":"440px",
  267.                         "top":"5px",
  268.                         "width":"200px",
  269.                         "cursor":"pointer",
  270.                         "user defined data":"FOCUS001R",
  271.                         "layout":"Layout1",
  272.                         "container":"2"
  273.                      },
  274.                      {  
  275.                         "id":"Image1_copy",
  276.                         "field type":"image",
  277.                         "image source":"/profoundui/proddata/images/puisamples/Hello002R.png",
  278.                         "left":"15px",
  279.                         "top":"30px",
  280.                         "height":"90px",
  281.                         "width":"120px",
  282.                         "cursor":"pointer",
  283.                         "user defined data":"HELLO002R",
  284.                         "layout":"Layout1",
  285.                         "container":"2"
  286.                      },
  287.                      {  
  288.                         "id":"HtmlContainer1_copy2",
  289.                         "field type":"html container",
  290.                         "font size":"12px",
  291.                         "font weight":"normal",
  292.                         "white space":"normal",
  293.                         "html":"In this example, we demonstrate how to dynamically change the \"value\" property of an output field by clicking on a button. ",
  294.                         "left":"145px",
  295.                         "top":"30px",
  296.                         "height":"65px",
  297.                         "width":"270px",
  298.                         "cursor":"pointer",
  299.                         "user defined data":"HELLO002R",
  300.                         "layout":"Layout1",
  301.                         "container":"2"
  302.                      },
  303.                      {  
  304.                         "id":"HtmlContainer1_copy3",
  305.                         "field type":"html container",
  306.                         "font size":"12px",
  307.                         "font weight":"normal",
  308.                         "white space":"normal",
  309.                         "html":"In this example, we set the focus on the first field (First Name) by default. Also, the example submits the page every time a different text field is selected from the \"Set Focus On\" dropdown field. ",
  310.                         "left":"570px",
  311.                         "top":"30px",
  312.                         "height":"65px",
  313.                         "width":"275px",
  314.                         "cursor":"pointer",
  315.                         "user defined data":"FOCUS001R",
  316.                         "layout":"Layout1",
  317.                         "container":"2"
  318.                      },
  319.                      {  
  320.                         "id":"Image1_copy2",
  321.                         "field type":"image",
  322.                         "image source":"/profoundui/proddata/images/puisamples/Focus001R.png",
  323.                         "left":"440px",
  324.                         "top":"35px",
  325.                         "height":"90px",
  326.                         "width":"120px",
  327.                         "cursor":"pointer",
  328.                         "user defined data":"FOCUS001R",
  329.                         "layout":"Layout1",
  330.                         "container":"2"
  331.                      },
  332.                      {  
  333.                         "id":"Image2_copy",
  334.                         "field type":"image",
  335.                         "response":{  
  336.                            "fieldName":"HELLO002I",
  337.                            "dataType":"indicator",
  338.                            "formatting":"Indicator",
  339.                            "indFormat":"1 / 0"
  340.                         },
  341.                         "image source":"/profoundui/proddata/images/code-icon.png",
  342.                         "left":"145px",
  343.                         "top":"105px",
  344.                         "height":"16px",
  345.                         "width":"16px",
  346.                         "cursor":"pointer",
  347.                         "tool tip":"View Source",
  348.                         "layout":"Layout1",
  349.                         "container":"2"
  350.                      },
  351.                      {  
  352.                         "id":"Label2_copy",
  353.                         "field type":"output field",
  354.                         "css class":"label",
  355.                         "value":"View Source",
  356.                         "color":"#003366",
  357.                         "font size":"12px",
  358.                         "text align":"left",
  359.                         "left":"165px",
  360.                         "top":"105px",
  361.                         "width":"90px",
  362.                         "layout":"Layout1",
  363.                         "container":"2"
  364.                      },
  365.                      {  
  366.                         "id":"Image2_copy16",
  367.                         "field type":"image",
  368.                         "response":{  
  369.                            "fieldName":"FOCUS001I",
  370.                            "dataType":"indicator",
  371.                            "formatting":"Indicator",
  372.                            "indFormat":"1 / 0"
  373.                         },
  374.                         "image source":"/profoundui/proddata/images/code-icon.png",
  375.                         "left":"570px",
  376.                         "top":"105px",
  377.                         "height":"16px",
  378.                         "width":"16px",
  379.                         "cursor":"pointer",
  380.                         "tool tip":"View Source",
  381.                         "layout":"Layout1",
  382.                         "container":"2"
  383.                      },
  384.                      {  
  385.                         "id":"Label2_copy2",
  386.                         "field type":"output field",
  387.                         "css class":"label",
  388.                         "value":"View Source",
  389.                         "color":"#003366",
  390.                         "font size":"12px",
  391.                         "text align":"left",
  392.                         "left":"590px",
  393.                         "top":"105px",
  394.                         "width":"90px",
  395.                         "layout":"Layout1",
  396.                         "container":"2"
  397.                      },
  398.                      {  
  399.                         "id":"Label1_copy4",
  400.                         "field type":"output field",
  401.                         "css class":"label",
  402.                         "value":"Date Difference",
  403.                         "color":"#0099FF",
  404.                         "text align":"left",
  405.                         "left":"15px",
  406.                         "top":"135px",
  407.                         "width":"135px",
  408.                         "cursor":"pointer",
  409.                         "user defined data":"DATE001R",
  410.                         "layout":"Layout1",
  411.                         "container":"2"
  412.                      },
  413.                      {  
  414.                         "id":"Label1_copy3",
  415.                         "field type":"output field",
  416.                         "css class":"label",
  417.                         "value":"Control Visibility Dynamically",
  418.                         "color":"#0099FF",
  419.                         "text align":"left",
  420.                         "left":"440px",
  421.                         "top":"135px",
  422.                         "width":"210px",
  423.                         "cursor":"pointer",
  424.                         "user defined data":"VISI001R",
  425.                         "layout":"Layout1",
  426.                         "container":"2"
  427.                      },
  428.                      {  
  429.                         "id":"Image1_copy4",
  430.                         "field type":"image",
  431.                         "image source":"/profoundui/proddata/images/puisamples/Date001R.png",
  432.                         "left":"15px",
  433.                         "top":"160px",
  434.                         "height":"90px",
  435.                         "width":"120px",
  436.                         "cursor":"pointer",
  437.                         "user defined data":"DATE001R",
  438.                         "layout":"Layout1",
  439.                         "container":"2"
  440.                      },
  441.                      {  
  442.                         "id":"HtmlContainer2_copy",
  443.                         "field type":"html container",
  444.                         "font size":"12px",
  445.                         "font weight":"normal",
  446.                         "white space":"normal",
  447.                         "html":"In this example, we illustrate the use of date fields along with some of the applicable operations, such as: finding the difference between two dates.",
  448.                         "left":"145px",
  449.                         "top":"160px",
  450.                         "height":"60px",
  451.                         "width":"275px",
  452.                         "cursor":"pointer",
  453.                         "user defined data":"DATE001R",
  454.                         "layout":"Layout1",
  455.                         "container":"2"
  456.                      },
  457.                      {  
  458.                         "id":"Image1_copy3",
  459.                         "field type":"image",
  460.                         "image source":"/profoundui/proddata/images/puisamples/Visi001R.png",
  461.                         "left":"440px",
  462.                         "top":"165px",
  463.                         "height":"90px",
  464.                         "width":"120px",
  465.                         "cursor":"pointer",
  466.                         "user defined data":"VISI001R",
  467.                         "layout":"Layout1",
  468.                         "container":"2"
  469.                      },
  470.                      {  
  471.                         "id":"HtmlContainer1_copy4",
  472.                         "field type":"html container",
  473.                         "font size":"12px",
  474.                         "font weight":"normal",
  475.                         "white space":"normal",
  476.                         "html":"In this example, we will control the visibility attribute of an element, by clicking the \"Show/Hide\" button. The visibility is tied to an indicator that we can toggle with the Show/Hide button. ",
  477.                         "left":"570px",
  478.                         "top":"165px",
  479.                         "height":"60px",
  480.                         "width":"290px",
  481.                         "cursor":"pointer",
  482.                         "user defined data":"VISI001R",
  483.                         "layout":"Layout1",
  484.                         "container":"2"
  485.                      },
  486.                      {  
  487.                         "id":"Image2_copy3",
  488.                         "field type":"image",
  489.                         "response":{  
  490.                            "fieldName":"DATE001I",
  491.                            "dataType":"indicator",
  492.                            "formatting":"Indicator",
  493.                            "indFormat":"1 / 0"
  494.                         },
  495.                         "image source":"/profoundui/proddata/images/code-icon.png",
  496.                         "left":"145px",
  497.                         "top":"235px",
  498.                         "height":"16px",
  499.                         "width":"16px",
  500.                         "cursor":"pointer",
  501.                         "tool tip":"View Source",
  502.                         "layout":"Layout1",
  503.                         "container":"2"
  504.                      },
  505.                      {  
  506.                         "id":"Label2_copy4",
  507.                         "field type":"output field",
  508.                         "css class":"label",
  509.                         "value":"View Source",
  510.                         "color":"#003366",
  511.                         "font size":"12px",
  512.                         "text align":"left",
  513.                         "left":"165px",
  514.                         "top":"235px",
  515.                         "width":"90px",
  516.                         "layout":"Layout1",
  517.                         "container":"2"
  518.                      },
  519.                      {  
  520.                         "id":"Image2_copy2",
  521.                         "field type":"image",
  522.                         "response":{  
  523.                            "fieldName":"VISI001I",
  524.                            "dataType":"indicator",
  525.                            "formatting":"Indicator",
  526.                            "indFormat":"1 / 0"
  527.                         },
  528.                         "image source":"/profoundui/proddata/images/code-icon.png",
  529.                         "left":"570px",
  530.                         "top":"240px",
  531.                         "height":"16px",
  532.                         "width":"16px",
  533.                         "cursor":"pointer",
  534.                         "tool tip":"View Source",
  535.                         "layout":"Layout1",
  536.                         "container":"2"
  537.                      },
  538.                      {  
  539.                         "id":"Label2_copy3",
  540.                         "field type":"output field",
  541.                         "css class":"label",
  542.                         "value":"View Source",
  543.                         "color":"#003366",
  544.                         "font size":"12px",
  545.                         "text align":"left",
  546.                         "left":"590px",
  547.                         "top":"240px",
  548.                         "width":"90px",
  549.                         "layout":"Layout1",
  550.                         "container":"2"
  551.                      },
  552.                      {  
  553.                         "id":"Label1_copy16",
  554.                         "field type":"output field",
  555.                         "css class":"label",
  556.                         "value":"Control Position Dynamically",
  557.                         "color":"#0099FF",
  558.                         "text align":"left",
  559.                         "left":"15px",
  560.                         "top":"285px",
  561.                         "width":"205px",
  562.                         "cursor":"pointer",
  563.                         "user defined data":"POSI001R",
  564.                         "layout":"Layout1",
  565.                         "container":"2"
  566.                      },
  567.                      {  
  568.                         "id":"Label1_copy17",
  569.                         "field type":"output field",
  570.                         "css class":"label",
  571.                         "value":"Change Font & Text Dynamically",
  572.                         "color":"#0099FF",
  573.                         "text align":"left",
  574.                         "left":"440px",
  575.                         "top":"285px",
  576.                         "width":"230px",
  577.                         "cursor":"pointer",
  578.                         "user defined data":"FONT001R",
  579.                         "layout":"Layout1",
  580.                         "container":"2"
  581.                      },
  582.                      {  
  583.                         "id":"Image1_copy16",
  584.                         "field type":"image",
  585.                         "image source":"/profoundui/proddata/images/puisamples/Posi001R.png",
  586.                         "left":"15px",
  587.                         "top":"310px",
  588.                         "height":"90px",
  589.                         "width":"125px",
  590.                         "cursor":"pointer",
  591.                         "user defined data":"POSI001R",
  592.                         "layout":"Layout1",
  593.                         "container":"2"
  594.                      },
  595.                      {  
  596.                         "id":"HtmlContainer1_copy13",
  597.                         "field type":"html container",
  598.                         "color":"#000000",
  599.                         "font size":"12px",
  600.                         "font weight":"normal",
  601.                         "white space":"normal",
  602.                         "html":"In this example, we will control the top and left attributes of an element, by changing the values in the Dropdown Boxes and clicking the \"Submit\" button. ",
  603.                         "left":"150px",
  604.                         "top":"310px",
  605.                         "height":"65px",
  606.                         "width":"275px",
  607.                         "cursor":"pointer",
  608.                         "user defined data":"POSI001R",
  609.                         "layout":"Layout1",
  610.                         "container":"2"
  611.                      },
  612.                      {  
  613.                         "id":"HtmlContainer1_copy14",
  614.                         "field type":"html container",
  615.                         "font size":"12px",
  616.                         "font weight":"normal",
  617.                         "white space":"normal",
  618.                         "html":"In this example, we change some of the font and text properties of an output field element. The example submits the page every time a property is updated. For instance, selecting a different font type or size, causes the program to submit.",
  619.                         "left":"570px",
  620.                         "top":"310px",
  621.                         "height":"75px",
  622.                         "width":"290px",
  623.                         "cursor":"pointer",
  624.                         "user defined data":"FONT001R",
  625.                         "layout":"Layout1",
  626.                         "container":"2"
  627.                      },
  628.                      {  
  629.                         "id":"Image1_copy17",
  630.                         "field type":"image",
  631.                         "image source":"/profoundui/proddata/images/puisamples/Font001R.png",
  632.                         "left":"440px",
  633.                         "top":"315px",
  634.                         "height":"90px",
  635.                         "width":"120px",
  636.                         "cursor":"pointer",
  637.                         "user defined data":"FONT001R",
  638.                         "layout":"Layout1",
  639.                         "container":"2"
  640.                      },
  641.                      {  
  642.                         "id":"Image2_copy11",
  643.                         "field type":"image",
  644.                         "response":{  
  645.                            "fieldName":"POSI001I",
  646.                            "dataType":"indicator",
  647.                            "formatting":"Indicator",
  648.                            "indFormat":"1 / 0"
  649.                         },
  650.                         "image source":"/profoundui/proddata/images/code-icon.png",
  651.                         "left":"150px",
  652.                         "top":"390px",
  653.                         "height":"16px",
  654.                         "width":"16px",
  655.                         "cursor":"pointer",
  656.                         "tool tip":"View Source",
  657.                         "layout":"Layout1",
  658.                         "container":"2"
  659.                      },
  660.                      {  
  661.                         "id":"Label2_copy16",
  662.                         "field type":"output field",
  663.                         "css class":"label",
  664.                         "value":"View Source",
  665.                         "color":"#003366",
  666.                         "font size":"12px",
  667.                         "text align":"left",
  668.                         "left":"170px",
  669.                         "top":"390px",
  670.                         "width":"90px",
  671.                         "layout":"Layout1",
  672.                         "container":"2"
  673.                      },
  674.                      {  
  675.                         "id":"Image2_copy4",
  676.                         "field type":"image",
  677.                         "response":{  
  678.                            "fieldName":"FONT001I",
  679.                            "dataType":"indicator",
  680.                            "formatting":"Indicator",
  681.                            "indFormat":"1 / 0"
  682.                         },
  683.                         "image source":"/profoundui/proddata/images/code-icon.png",
  684.                         "left":"570px",
  685.                         "top":"395px",
  686.                         "height":"16px",
  687.                         "width":"16px",
  688.                         "cursor":"pointer",
  689.                         "tool tip":"View Source",
  690.                         "layout":"Layout1",
  691.                         "container":"2"
  692.                      },
  693.                      {  
  694.                         "id":"Label2_copy17",
  695.                         "field type":"output field",
  696.                         "css class":"label",
  697.                         "value":"View Source",
  698.                         "color":"#003366",
  699.                         "font size":"12px",
  700.                         "text align":"left",
  701.                         "left":"590px",
  702.                         "top":"395px",
  703.                         "width":"90px",
  704.                         "layout":"Layout1",
  705.                         "container":"2"
  706.                      },
  707.                      {  
  708.                         "id":"Label1_copy15",
  709.                         "field type":"output field",
  710.                         "css class":"label",
  711.                         "value":"Dynamic Dropdown - Program",
  712.                         "text align":"left",
  713.                         "left":"150px",
  714.                         "top":"35px",
  715.                         "width":"225px",
  716.                         "cursor":"pointer",
  717.                         "user defined data":"DROPD004R",
  718.                         "color":"#0099FF",
  719.                         "layout":"Layout1",
  720.                         "container":"3"
  721.                      },
  722.                      {  
  723.                         "id":"Label1_copy13",
  724.                         "field type":"output field",
  725.                         "css class":"label",
  726.                         "value":"Dropdown - onchange JS",
  727.                         "text align":"left",
  728.                         "left":"575px",
  729.                         "top":"35px",
  730.                         "width":"185px",
  731.                         "user defined data":"DROPD002R",
  732.                         "cursor":"pointer",
  733.                         "color":"#0099FF",
  734.                         "layout":"Layout1",
  735.                         "container":"3"
  736.                      },
  737.                      {  
  738.                         "id":"Image1_copy15",
  739.                         "field type":"image",
  740.                         "image source":"/profoundui/proddata/images/puisamples/Dropd004R.png",
  741.                         "left":"15px",
  742.                         "top":"50px",
  743.                         "height":"90px",
  744.                         "cursor":"pointer",
  745.                         "width":"125px",
  746.                         "user defined data":"DROPD004R",
  747.                         "layout":"Layout1",
  748.                         "container":"3"
  749.                      },
  750.                      {  
  751.                         "id":"Image1_copy13",
  752.                         "field type":"image",
  753.                         "image source":"/profoundui/proddata/images/puisamples/Dropd001R.png",
  754.                         "left":"445px",
  755.                         "top":"55px",
  756.                         "height":"80px",
  757.                         "cursor":"pointer",
  758.                         "width":"125px",
  759.                         "user defined data":"DROPD002R",
  760.                         "layout":"Layout1",
  761.                         "container":"3"
  762.                      },
  763.                      {  
  764.                         "id":"HtmlContainer1_copy11",
  765.                         "field type":"html container",
  766.                         "font size":"12px",
  767.                         "font weight":"normal",
  768.                         "white space":"normal",
  769.                         "html":"In this example, we illustrate the use of a drop down field that is populated with an RPG program. The RPG program reads the records from the database, and then returns a comma separated list into the variable bound to the drop down field.",
  770.                         "left":"150px",
  771.                         "top":"60px",
  772.                         "height":"75px",
  773.                         "width":"280px",
  774.                         "cursor":"pointer",
  775.                         "user defined data":"DROPD004R",
  776.                         "layout":"Layout1",
  777.                         "container":"3"
  778.                      },
  779.                      {  
  780.                         "id":"HtmlContainer1_copy10",
  781.                         "field type":"html container",
  782.                         "font size":"12px",
  783.                         "font weight":"normal",
  784.                         "white space":"normal",
  785.                         "html":"In this example, we are using a static drop down field with a client-side event that changes the value and color properties of the text to whatever is selected from the drop down list.",
  786.                         "left":"575px",
  787.                         "top":"60px",
  788.                         "height":"60px",
  789.                         "width":"290px",
  790.                         "cursor":"pointer",
  791.                         "user defined data":"DROPD002R",
  792.                         "layout":"Layout1",
  793.                         "container":"3"
  794.                      },
  795.                      {  
  796.                         "id":"Image2_copy5",
  797.                         "field type":"image",
  798.                         "image source":"/profoundui/proddata/images/code-icon.png",
  799.                         "left":"575px",
  800.                         "top":"135px",
  801.                         "height":"16px",
  802.                         "width":"16px",
  803.                         "cursor":"pointer",
  804.                         "tool tip":"View Source",
  805.                         "response":{  
  806.                            "fieldName":"DROPD002I",
  807.                            "dataType":"indicator",
  808.                            "formatting":"Indicator",
  809.                            "indFormat":"1 / 0"
  810.                         },
  811.                         "layout":"Layout1",
  812.                         "container":"3"
  813.                      },
  814.                      {  
  815.                         "id":"Label2_copy12",
  816.                         "field type":"output field",
  817.                         "css class":"label",
  818.                         "value":"View Source",
  819.                         "font size":"12px",
  820.                         "text align":"left",
  821.                         "left":"595px",
  822.                         "top":"135px",
  823.                         "width":"90px",
  824.                         "color":"#003366",
  825.                         "layout":"Layout1",
  826.                         "container":"3"
  827.                      },
  828.                      {  
  829.                         "id":"Image2_copy8",
  830.                         "field type":"image",
  831.                         "image source":"/profoundui/proddata/images/code-icon.png",
  832.                         "left":"150px",
  833.                         "top":"145px",
  834.                         "height":"16px",
  835.                         "width":"16px",
  836.                         "cursor":"pointer",
  837.                         "tool tip":"View Source",
  838.                         "response":{  
  839.                            "fieldName":"DROPD004I",
  840.                            "dataType":"indicator",
  841.                            "formatting":"Indicator",
  842.                            "indFormat":"1 / 0"
  843.                         },
  844.                         "layout":"Layout1",
  845.                         "container":"3"
  846.                      },
  847.                      {  
  848.                         "id":"Label2_copy15",
  849.                         "field type":"output field",
  850.                         "css class":"label",
  851.                         "value":"View Source",
  852.                         "font size":"12px",
  853.                         "text align":"left",
  854.                         "left":"170px",
  855.                         "top":"145px",
  856.                         "width":"90px",
  857.                         "color":"#003366",
  858.                         "layout":"Layout1",
  859.                         "container":"3"
  860.                      },
  861.                      {  
  862.                         "id":"Label1_copy14",
  863.                         "field type":"output field",
  864.                         "css class":"label",
  865.                         "value":"Dynamic Dropdown - Database",
  866.                         "text align":"left",
  867.                         "left":"150px",
  868.                         "top":"175px",
  869.                         "width":"225px",
  870.                         "cursor":"pointer",
  871.                         "user defined data":"DROPD003R",
  872.                         "color":"#0099FF",
  873.                         "layout":"Layout1",
  874.                         "container":"3"
  875.                      },
  876.                      {  
  877.                         "id":"Label1_copy12",
  878.                         "field type":"output field",
  879.                         "css class":"label",
  880.                         "value":"Static Dropdown",
  881.                         "text align":"left",
  882.                         "left":"575px",
  883.                         "top":"175px",
  884.                         "width":"140px",
  885.                         "cursor":"pointer",
  886.                         "user defined data":"DROPD001R",
  887.                         "color":"#0099FF",
  888.                         "layout":"Layout1",
  889.                         "container":"3"
  890.                      },
  891.                      {  
  892.                         "id":"Image1_copy14",
  893.                         "field type":"image",
  894.                         "image source":"/profoundui/proddata/images/puisamples/Dropd002R.png",
  895.                         "left":"20px",
  896.                         "top":"190px",
  897.                         "height":"80px",
  898.                         "cursor":"pointer",
  899.                         "width":"125px",
  900.                         "user defined data":"DROPD003R",
  901.                         "layout":"Layout1",
  902.                         "container":"3"
  903.                      },
  904.                      {  
  905.                         "id":"Image1_copy12",
  906.                         "field type":"image",
  907.                         "image source":"/profoundui/proddata/images/puisamples/Dropd003R.png",
  908.                         "left":"445px",
  909.                         "top":"190px",
  910.                         "height":"85px",
  911.                         "width":"125px",
  912.                         "cursor":"pointer",
  913.                         "user defined data":"DROPD001R",
  914.                         "layout":"Layout1",
  915.                         "container":"3"
  916.                      },
  917.                      {  
  918.                         "id":"HtmlContainer2_copy2",
  919.                         "field type":"html container",
  920.                         "font size":"12px",
  921.                         "font weight":"normal",
  922.                         "white space":"normal",
  923.                         "html":"In this example, we illustrate the use of a database-driven drop down field. Use the properties dialog in the designer to edit database-driven properties, such as: Database File, Field Names, etc. ",
  924.                         "left":"150px",
  925.                         "top":"200px",
  926.                         "height":"75px",
  927.                         "width":"275px",
  928.                         "cursor":"pointer",
  929.                         "user defined data":"DROPD003R",
  930.                         "layout":"Layout1",
  931.                         "container":"3"
  932.                      },
  933.                      {  
  934.                         "id":"HtmlContainer1_copy9",
  935.                         "field type":"html container",
  936.                         "color":"#000000",
  937.                         "font size":"12px",
  938.                         "font weight":"normal",
  939.                         "white space":"normal",
  940.                         "html":"In this example, we illustrate the use of drop down fields. The choice values are static. In other words, they are hardcoded in the designer.",
  941.                         "left":"575px",
  942.                         "top":"200px",
  943.                         "height":"68px",
  944.                         "width":"275px",
  945.                         "cursor":"pointer",
  946.                         "user defined data":"DROPD001R",
  947.                         "layout":"Layout1",
  948.                         "container":"3"
  949.                      },
  950.                      {  
  951.                         "id":"Image2_copy7",
  952.                         "field type":"image",
  953.                         "response":{  
  954.                            "fieldName":"DROPD001I",
  955.                            "dataType":"indicator",
  956.                            "formatting":"Indicator",
  957.                            "indFormat":"1 / 0"
  958.                         },
  959.                         "image source":"/profoundui/proddata/images/code-icon.png",
  960.                         "left":"575px",
  961.                         "top":"275px",
  962.                         "height":"16px",
  963.                         "width":"16px",
  964.                         "cursor":"pointer",
  965.                         "tool tip":"View Source",
  966.                         "layout":"Layout1",
  967.                         "container":"3"
  968.                      },
  969.                      {  
  970.                         "id":"Label2_copy13",
  971.                         "field type":"output field",
  972.                         "css class":"label",
  973.                         "value":"View Source",
  974.                         "font size":"12px",
  975.                         "text align":"left",
  976.                         "left":"595px",
  977.                         "top":"275px",
  978.                         "width":"90px",
  979.                         "color":"#003366",
  980.                         "layout":"Layout1",
  981.                         "container":"3"
  982.                      },
  983.                      {  
  984.                         "id":"Image2_copy6",
  985.                         "field type":"image",
  986.                         "image source":"/profoundui/proddata/images/code-icon.png",
  987.                         "left":"150px",
  988.                         "top":"280px",
  989.                         "height":"16px",
  990.                         "width":"16px",
  991.                         "cursor":"pointer",
  992.                         "tool tip":"View Source",
  993.                         "response":{  
  994.                            "fieldName":"DROPD003I",
  995.                            "dataType":"indicator",
  996.                            "formatting":"Indicator",
  997.                            "indFormat":"1 / 0"
  998.                         },
  999.                         "layout":"Layout1",
  1000.                         "container":"3"
  1001.                      },
  1002.                      {  
  1003.                         "id":"Label2_copy14",
  1004.                         "field type":"output field",
  1005.                         "css class":"label",
  1006.                         "value":"View Source",
  1007.                         "font size":"12px",
  1008.                         "text align":"left",
  1009.                         "left":"170px",
  1010.                         "top":"280px",
  1011.                         "width":"90px",
  1012.                         "color":"#003366",
  1013.                         "layout":"Layout1",
  1014.                         "container":"3"
  1015.                      },
  1016.                      {  
  1017.                         "id":"Label1_copy152",
  1018.                         "field type":"output field",
  1019.                         "css class":"label",
  1020.                         "value":"Order Search Application",
  1021.                         "text align":"left",
  1022.                         "left":"15px",
  1023.                         "top":"40px",
  1024.                         "width":"225px",
  1025.                         "user defined data":"SAMPLE001R",
  1026.                         "cursor":"pointer",
  1027.                         "color":"#0099FF",
  1028.                         "layout":"Layout1",
  1029.                         "container":"4"
  1030.                      },
  1031.                      {  
  1032.                         "id":"Label1_copy132",
  1033.                         "field type":"output field",
  1034.                         "css class":"label",
  1035.                         "value":"Simple Tab Panel",
  1036.                         "text align":"left",
  1037.                         "left":"440px",
  1038.                         "top":"40px",
  1039.                         "width":"185px",
  1040.                         "user defined data":"TAB001R",
  1041.                         "cursor":"pointer",
  1042.                         "color":"#0099FF",
  1043.                         "layout":"Layout1",
  1044.                         "container":"4"
  1045.                      },
  1046.                      {  
  1047.                         "id":"Image1_copy152",
  1048.                         "field type":"image",
  1049.                         "image source":"/profoundui/proddata/images/puisamples/Sample001R.png",
  1050.                         "left":"15px",
  1051.                         "top":"60px",
  1052.                         "height":"85px",
  1053.                         "cursor":"pointer",
  1054.                         "width":"125px",
  1055.                         "user defined data":"SAMPLE001R",
  1056.                         "layout":"Layout1",
  1057.                         "container":"4"
  1058.                      },
  1059.                      {  
  1060.                         "id":"HtmlContainer1_copy112",
  1061.                         "field type":"html container",
  1062.                         "font size":"12px",
  1063.                         "font weight":"normal",
  1064.                         "white space":"normal",
  1065.                         "html":"In this example, we display a simple product search which returns a tab panel. This tab panel contains a subfile with results, and another tab with a chart. ",
  1066.                         "left":"145px",
  1067.                         "top":"60px",
  1068.                         "height":"70px",
  1069.                         "width":"275px",
  1070.                         "cursor":"pointer",
  1071.                         "user defined data":"SAMPLE001R",
  1072.                         "layout":"Layout1",
  1073.                         "container":"4"
  1074.                      },
  1075.                      {  
  1076.                         "id":"Image1_copy132",
  1077.                         "field type":"image",
  1078.                         "image source":"/profoundui/proddata/images/puisamples/Tab001R.png",
  1079.                         "left":"440px",
  1080.                         "top":"60px",
  1081.                         "height":"100px",
  1082.                         "cursor":"pointer",
  1083.                         "width":"125px",
  1084.                         "user defined data":"TAB001R",
  1085.                         "layout":"Layout1",
  1086.                         "container":"4"
  1087.                      },
  1088.                      {  
  1089.                         "id":"HtmlContainer1_copy102",
  1090.                         "field type":"html container",
  1091.                         "font size":"12px",
  1092.                         "font weight":"normal",
  1093.                         "white space":"normal",
  1094.                         "html":"This is a very simple example of using Tab Panels. In this case, there are no fields' binding in the application.",
  1095.                         "left":"570px",
  1096.                         "top":"60px",
  1097.                         "height":"60px",
  1098.                         "width":"290px",
  1099.                         "cursor":"pointer",
  1100.                         "user defined data":"TAB001R",
  1101.                         "layout":"Layout1",
  1102.                         "container":"4"
  1103.                      },
  1104.                      {  
  1105.                         "id":"Image2_copy17",
  1106.                         "field type":"image",
  1107.                         "image source":"/profoundui/proddata/images/code-icon.png",
  1108.                         "left":"570px",
  1109.                         "top":"135px",
  1110.                         "height":"16px",
  1111.                         "width":"16px",
  1112.                         "cursor":"pointer",
  1113.                         "tool tip":"View Source",
  1114.                         "response":{  
  1115.                            "fieldName":"TAB001I",
  1116.                            "dataType":"indicator",
  1117.                            "formatting":"Indicator",
  1118.                            "indFormat":"1 / 0"
  1119.                         },
  1120.                         "layout":"Layout1",
  1121.                         "container":"4"
  1122.                      },
  1123.                      {  
  1124.                         "id":"Label2_copy122",
  1125.                         "field type":"output field",
  1126.                         "css class":"label",
  1127.                         "value":"View Source",
  1128.                         "font size":"12px",
  1129.                         "text align":"left",
  1130.                         "left":"590px",
  1131.                         "top":"135px",
  1132.                         "width":"90px",
  1133.                         "color":"#003366",
  1134.                         "layout":"Layout1",
  1135.                         "container":"4"
  1136.                      },
  1137.                      {  
  1138.                         "id":"Image2_copy20",
  1139.                         "field type":"image",
  1140.                         "image source":"/profoundui/proddata/images/code-icon.png",
  1141.                         "left":"145px",
  1142.                         "top":"140px",
  1143.                         "height":"16px",
  1144.                         "width":"16px",
  1145.                         "cursor":"pointer",
  1146.                         "tool tip":"View Source",
  1147.                         "response":{  
  1148.                            "fieldName":"SAMPLE001I",
  1149.                            "dataType":"indicator",
  1150.                            "formatting":"Indicator",
  1151.                            "indFormat":"1 / 0"
  1152.                         },
  1153.                         "layout":"Layout1",
  1154.                         "container":"4"
  1155.                      },
  1156.                      {  
  1157.                         "id":"Label2_copy152",
  1158.                         "field type":"output field",
  1159.                         "css class":"label",
  1160.                         "value":"View Source",
  1161.                         "font size":"12px",
  1162.                         "text align":"left",
  1163.                         "left":"165px",
  1164.                         "top":"140px",
  1165.                         "width":"90px",
  1166.                         "color":"#003366",
  1167.                         "layout":"Layout1",
  1168.                         "container":"4"
  1169.                      },
  1170.                      {  
  1171.                         "id":"Label1_copy142",
  1172.                         "field type":"output field",
  1173.                         "css class":"label",
  1174.                         "value":"Dynamic Tab Panel",
  1175.                         "text align":"left",
  1176.                         "left":"15px",
  1177.                         "top":"185px",
  1178.                         "width":"225px",
  1179.                         "user defined data":"TAB002R",
  1180.                         "cursor":"pointer",
  1181.                         "color":"#0099FF",
  1182.                         "layout":"Layout1",
  1183.                         "container":"4"
  1184.                      },
  1185.                      {  
  1186.                         "id":"Image1_copy142",
  1187.                         "field type":"image",
  1188.                         "image source":"/profoundui/proddata/images/puisamples/Tab002R.png",
  1189.                         "left":"15px",
  1190.                         "top":"205px",
  1191.                         "height":"100px",
  1192.                         "cursor":"pointer",
  1193.                         "width":"125px",
  1194.                         "user defined data":"TAB002R",
  1195.                         "layout":"Layout1",
  1196.                         "container":"4"
  1197.                      },
  1198.                      {  
  1199.                         "id":"HtmlContainer2_copy3",
  1200.                         "field type":"html container",
  1201.                         "font size":"12px",
  1202.                         "font weight":"normal",
  1203.                         "white space":"normal",
  1204.                         "html":"In this example, we illustrate the concept of loading data dynamically when necessary. For instance, when the user switch to the products tab, a subfile grid is populated with data. ",
  1205.                         "left":"145px",
  1206.                         "top":"205px",
  1207.                         "height":"65px",
  1208.                         "width":"275px",
  1209.                         "cursor":"pointer",
  1210.                         "user defined data":"TAB002R",
  1211.                         "layout":"Layout1",
  1212.                         "container":"4"
  1213.                      },
  1214.                      {  
  1215.                         "id":"Image2_copy18",
  1216.                         "field type":"image",
  1217.                         "image source":"/profoundui/proddata/images/code-icon.png",
  1218.                         "left":"145px",
  1219.                         "top":"275px",
  1220.                         "height":"16px",
  1221.                         "width":"16px",
  1222.                         "cursor":"pointer",
  1223.                         "tool tip":"View Source",
  1224.                         "response":{  
  1225.                            "fieldName":"TAB002I",
  1226.                            "dataType":"indicator",
  1227.                            "formatting":"Indicator",
  1228.                            "indFormat":"1 / 0"
  1229.                         },
  1230.                         "layout":"Layout1",
  1231.                         "container":"4"
  1232.                      },
  1233.                      {  
  1234.                         "id":"Label2_copy142",
  1235.                         "field type":"output field",
  1236.                         "css class":"label",
  1237.                         "value":"View Source",
  1238.                         "font size":"12px",
  1239.                         "text align":"left",
  1240.                         "left":"165px",
  1241.                         "top":"275px",
  1242.                         "width":"90px",
  1243.                         "color":"#003366",
  1244.                         "layout":"Layout1",
  1245.                         "container":"4"
  1246.                      },
  1247.                      {  
  1248.                         "id":"Label1_copy202",
  1249.                         "field type":"output field",
  1250.                         "css class":"label",
  1251.                         "value":"File Upload",
  1252.                         "text align":"left",
  1253.                         "left":"150px",
  1254.                         "top":"20px",
  1255.                         "width":"200px",
  1256.                         "user defined data":"UPLD001R",
  1257.                         "cursor":"pointer",
  1258.                         "color":"#0099FF",
  1259.                         "layout":"Layout1",
  1260.                         "container":"5"
  1261.                      },
  1262.                      {  
  1263.                         "id":"Label1_copy122",
  1264.                         "field type":"output field",
  1265.                         "css class":"label",
  1266.                         "value":"Dynamic Image/Auto Complete",
  1267.                         "text align":"left",
  1268.                         "left":"575px",
  1269.                         "top":"20px",
  1270.                         "width":"215px",
  1271.                         "cursor":"pointer",
  1272.                         "user defined data":"IMAGE001R",
  1273.                         "color":"#0099FF",
  1274.                         "layout":"Layout1",
  1275.                         "container":"5"
  1276.                      },
  1277.                      {  
  1278.                         "id":"Image1_copy202",
  1279.                         "field type":"image",
  1280.                         "image source":"/profoundui/proddata/images/puisamples/Upld001r.png",
  1281.                         "left":"20px",
  1282.                         "top":"30px",
  1283.                         "height":"95px",
  1284.                         "cursor":"pointer",
  1285.                         "width":"120px",
  1286.                         "user defined data":"UPLD001R",
  1287.                         "layout":"Layout1",
  1288.                         "container":"5"
  1289.                      },
  1290.                      {  
  1291.                         "id":"Image1_copy122",
  1292.                         "field type":"image",
  1293.                         "image source":"/profoundui/proddata/images/puisamples/Image001R.png",
  1294.                         "left":"440px",
  1295.                         "top":"30px",
  1296.                         "height":"95px",
  1297.                         "width":"120px",
  1298.                         "cursor":"pointer",
  1299.                         "user defined data":"IMAGE001R",
  1300.                         "layout":"Layout1",
  1301.                         "container":"5"
  1302.                      },
  1303.                      {  
  1304.                         "id":"HtmlContainer1_copy162",
  1305.                         "field type":"html container",
  1306.                         "font size":"12px",
  1307.                         "font weight":"normal",
  1308.                         "white space":"normal",
  1309.                         "html":"This example demonstrates usage of the file upload widget. The widget is configured to allow uploading up to two files of 10MB or less (each) to the /tmp directory on the IFS. The files can be of any type.",
  1310.                         "left":"150px",
  1311.                         "top":"45px",
  1312.                         "height":"75px",
  1313.                         "width":"275px",
  1314.                         "cursor":"pointer",
  1315.                         "user defined data":"UPLD001R",
  1316.                         "layout":"Layout1",
  1317.                         "container":"5"
  1318.                      },
  1319.                      {  
  1320.                         "id":"HtmlContainer1_copy12",
  1321.                         "field type":"html container",
  1322.                         "color":"#000000",
  1323.                         "font size":"12px",
  1324.                         "font weight":"normal",
  1325.                         "white space":"normal",
  1326.                         "html":"In this example, we show how to dynamically display an image.",
  1327.                         "left":"575px",
  1328.                         "top":"45px",
  1329.                         "height":"68px",
  1330.                         "width":"275px",
  1331.                         "cursor":"pointer",
  1332.                         "user defined data":"IMAGE001R",
  1333.                         "layout":"Layout1",
  1334.                         "container":"5"
  1335.                      },
  1336.                      {  
  1337.                         "id":"Image2_copy19",
  1338.                         "field type":"image",
  1339.                         "response":{  
  1340.                            "fieldName":"IMAGE001I",
  1341.                            "dataType":"indicator",
  1342.                            "formatting":"Indicator",
  1343.                            "indFormat":"1 / 0"
  1344.                         },
  1345.                         "image source":"/profoundui/proddata/images/code-icon.png",
  1346.                         "left":"575px",
  1347.                         "top":"120px",
  1348.                         "height":"16px",
  1349.                         "width":"16px",
  1350.                         "cursor":"pointer",
  1351.                         "tool tip":"View Source",
  1352.                         "layout":"Layout1",
  1353.                         "container":"5"
  1354.                      },
  1355.                      {  
  1356.                         "id":"Label2_copy132",
  1357.                         "field type":"output field",
  1358.                         "css class":"label",
  1359.                         "value":"View Source",
  1360.                         "font size":"12px",
  1361.                         "text align":"left",
  1362.                         "left":"595px",
  1363.                         "top":"120px",
  1364.                         "width":"90px",
  1365.                         "color":"#003366",
  1366.                         "layout":"Layout1",
  1367.                         "container":"5"
  1368.                      },
  1369.                      {  
  1370.                         "id":"Image2_copy1222",
  1371.                         "field type":"image",
  1372.                         "response":{  
  1373.                            "fieldName":"UPLD001I",
  1374.                            "dataType":"indicator",
  1375.                            "formatting":"Indicator",
  1376.                            "indFormat":"1 / 0"
  1377.                         },
  1378.                         "image source":"/profoundui/proddata/images/code-icon.png",
  1379.                         "left":"150px",
  1380.                         "top":"125px",
  1381.                         "height":"16px",
  1382.                         "width":"16px",
  1383.                         "cursor":"pointer",
  1384.                         "tool tip":"View Source",
  1385.                         "layout":"Layout1",
  1386.                         "container":"5"
  1387.                      },
  1388.                      {  
  1389.                         "id":"Label2_copy202",
  1390.                         "field type
© 2004-2019 by midrange.com generated in 0.014s valid xhtml & css