Code:
- {
- "success":true,
- "version":"5.0.8",
- "timeout":3600,
- "psid":"731FB88185E0CCF12D4EDFAF84A9855001CE81705E4F6CCDB057E39850CD2539",
- "appJob":{
- "auth":"731FB88185E0CCF12D4EDFAF84A9855001CE81705E4F6CCDB057E39850CD2539",
- "user":"QTMHHTP1",
- "sysTime":1433890226,
- "decimalFormat":" ",
- "curSym":"$",
- "dateSeparator":"/",
- "timeSeparator":":",
- "dateFormat":"*MDY",
- "secLevel":1,
- "sysName":"POWER8"
- },
- "layers":[
- {
- "formats":[
- {
- "name":"MENU",
- "file":"MENU001D",
- "library":"PUISAMPLES",
- "fileId":1,
- "active":true,
- "ref":{
-
- },
- "data":{
- "BTNEXIT":"0",
- "CHART001I":"0",
- "CHART002I":"0",
- "CHART003I":"0",
- "CHART004I":"0",
- "CHECK001I":"0",
- "DATE001I":"0",
- "DDROP001I":"0",
- "DROPD001I":"0",
- "DROPD002I":"0",
- "DROPD003I":"0",
- "DROPD004I":"0",
- "FOCUS001I":"0",
- "FONT001I":"0",
- "FRAME001I":"0",
- "GRID001I":"0",
- "GRID002I":"0",
- "GRID003I":"0",
- "GRID004I":"0",
- "GRID005I":"0",
- "GRID006I":"0",
- "HELLO002I":"0",
- "IMAGE001I":"0",
- "POSI001I":"0",
- "PROGRAM":"",
- "SAMPLE001I":"0",
- "SECTION":"3",
- "SHOPCARTI":"0",
- "TAB001I":"0",
- "TAB002I":"0",
- "UPLD001I":"0",
- "VISI001I":"0"
- },
- "metaData":{
- "screen":{
- "record format name":"MENU",
- "description":"Samples Menu Screen",
- "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"
- },
- "items":[
- {
- "id":"Layout1_copy2",
- "field type":"output field"
- },
- {
- "id":"Layout1_copy",
- "field type":"output field"
- },
- {
- "id":"Layout2",
- "field type":"layout",
- "left":"10px",
- "top":"5px",
- "template":"simple container",
- "height":"775px",
- "width":"930px",
- "center horizontally":"true",
- "locked in place":"true"
- },
- {
- "id":"Layout1",
- "field type":"layout",
- "left":"10px",
- "top":"10px",
- "template":"accordion",
- "header theme":"A - Black",
- "body theme":"C - Gray",
- "allow collapse":"true",
- "height":"735px",
- "width":"910px",
- "z index":"8",
- "section names":"Welcome, Simple, Dropdowns, Tab Panels, Miscellaneous, Drag and Drop, Subfiles, Charts",
- "visibility":"visible",
- "active section":{
- "fieldName":"Section",
- "dataLength":"5",
- "decPos":"0",
- "numSep":"false",
- "zeroBalance":"false",
- "numBlankFill":"false",
- "zeroFill":"false",
- "curSym":"",
- "dataType":"zoned",
- "formatting":"Number",
- "negNum":"-999.00",
- "units":""
- },
- "onsectionclick":"pui.set(\"Section\", section);",
- "locked in place":"true",
- "layout":"Layout2",
- "container":"1"
- },
- {
- "id":"CssButton1",
- "field type":"css button",
- "value":"Exit",
- "left":"850px",
- "top":"14px",
- "small button":"true",
- "icon":"delete",
- "icon position":"left",
- "response":{
- "fieldName":"btnExit",
- "customTrue":"",
- "customFalse":"",
- "dataType":"indicator",
- "formatting":"Indicator",
- "indFormat":"1 / 0"
- },
- "layout":"Layout2",
- "container":"1"
- },
- {
- "id":"Program",
- "field type":"textbox",
- "css class":"input",
- "value":{
- "fieldName":"Program",
- "dataLength":"10",
- "trimLeading":"false",
- "trimTrailing":"true",
- "blankFill":"false",
- "rjZeroFill":"false",
- "dataType":"char",
- "formatting":"Text",
- "textTransform":"none",
- "designValue":"[Program]"
- },
- "left":"45px",
- "top":"25px",
- "width":"80px",
- "visibility":"hidden",
- "layout":"Layout2",
- "container":"1"
- },
- {
- "id":"Section",
- "field type":"textbox",
- "css class":"input",
- "value":{
- "fieldName":"Section",
- "dataLength":"5",
- "decPos":"0",
- "numSep":"false",
- "zeroBalance":"false",
- "numBlankFill":"false",
- "zeroFill":"false",
- "curSym":"",
- "dataType":"zoned",
- "formatting":"Number",
- "negNum":"-999.00",
- "units":"",
- "designValue":"[Section]"
- },
- "left":"145px",
- "top":"25px",
- "visibility":"hidden",
- "width":"75px",
- "layout":"Layout2",
- "container":"1"
- },
- {
- "id":"Label2_copy1932",
- "field type":"output field",
- "css class":"label",
- "value":"View Source",
- "color":"#003366",
- "font size":"12px",
- "text align":"left",
- "left":"600px",
- "top":"270px",
- "width":"90px",
- "layout":"Layout1",
- "container":"8"
- },
- {
- "id":"Image1_copy1932",
- "field type":"image",
- "image source":"/profoundui/proddata/images/puisamples/Chart004R.png",
- "left":"450px",
- "top":"175px",
- "height":"95px",
- "width":"120px",
- "cursor":"pointer",
- "user defined data":"CHART004R",
- "layout":"Layout1",
- "container":"8"
- },
- {
- "id":"HtmlContainer1_copy1532",
- "field type":"html container",
- "font size":"12px",
- "font weight":"normal",
- "white space":"normal",
- "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.",
- "left":"575px",
- "top":"190px",
- "height":"60px",
- "width":"275px",
- "cursor":"pointer",
- "user defined data":"CHART004R",
- "layout":"Layout1",
- "container":"8"
- },
- {
- "id":"Image1",
- "field type":"image",
- "left":"200px",
- "top":"20px",
- "image source":"/profoundui/proddata/images/puisamples/profoundlogo.png",
- "layout":"Layout1",
- "container":"1"
- },
- {
- "id":"Label1_copy",
- "field type":"output field",
- "css class":"label",
- "value":"Dynamic Hello World",
- "color":"#0099FF",
- "text align":"left",
- "left":"15px",
- "top":"5px",
- "width":"155px",
- "cursor":"pointer",
- "user defined data":"HELLO002R",
- "layout":"Layout1",
- "container":"2"
- },
- {
- "id":"Label1_copy2",
- "field type":"output field",
- "css class":"label",
- "value":"Set Focus Dynamically",
- "color":"#0099FF",
- "text align":"left",
- "left":"440px",
- "top":"5px",
- "width":"200px",
- "cursor":"pointer",
- "user defined data":"FOCUS001R",
- "layout":"Layout1",
- "container":"2"
- },
- {
- "id":"Image1_copy",
- "field type":"image",
- "image source":"/profoundui/proddata/images/puisamples/Hello002R.png",
- "left":"15px",
- "top":"30px",
- "height":"90px",
- "width":"120px",
- "cursor":"pointer",
- "user defined data":"HELLO002R",
- "layout":"Layout1",
- "container":"2"
- },
- {
- "id":"HtmlContainer1_copy2",
- "field type":"html container",
- "font size":"12px",
- "font weight":"normal",
- "white space":"normal",
- "html":"In this example, we demonstrate how to dynamically change the \"value\" property of an output field by clicking on a button. ",
- "left":"145px",
- "top":"30px",
- "height":"65px",
- "width":"270px",
- "cursor":"pointer",
- "user defined data":"HELLO002R",
- "layout":"Layout1",
- "container":"2"
- },
- {
- "id":"HtmlContainer1_copy3",
- "field type":"html container",
- "font size":"12px",
- "font weight":"normal",
- "white space":"normal",
- "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. ",
- "left":"570px",
- "top":"30px",
- "height":"65px",
- "width":"275px",
- "cursor":"pointer",
- "user defined data":"FOCUS001R",
- "layout":"Layout1",
- "container":"2"
- },
- {
- "id":"Image1_copy2",
- "field type":"image",
- "image source":"/profoundui/proddata/images/puisamples/Focus001R.png",
- "left":"440px",
- "top":"35px",
- "height":"90px",
- "width":"120px",
- "cursor":"pointer",
- "user defined data":"FOCUS001R",
- "layout":"Layout1",
- "container":"2"
- },
- {
- "id":"Image2_copy",
- "field type":"image",
- "response":{
- "fieldName":"HELLO002I",
- "dataType":"indicator",
- "formatting":"Indicator",
- "indFormat":"1 / 0"
- },
- "image source":"/profoundui/proddata/images/code-icon.png",
- "left":"145px",
- "top":"105px",
- "height":"16px",
- "width":"16px",
- "cursor":"pointer",
- "tool tip":"View Source",
- "layout":"Layout1",
- "container":"2"
- },
- {
- "id":"Label2_copy",
- "field type":"output field",
- "css class":"label",
- "value":"View Source",
- "color":"#003366",
- "font size":"12px",
- "text align":"left",
- "left":"165px",
- "top":"105px",
- "width":"90px",
- "layout":"Layout1",
- "container":"2"
- },
- {
- "id":"Image2_copy16",
- "field type":"image",
- "response":{
- "fieldName":"FOCUS001I",
- "dataType":"indicator",
- "formatting":"Indicator",
- "indFormat":"1 / 0"
- },
- "image source":"/profoundui/proddata/images/code-icon.png",
- "left":"570px",
- "top":"105px",
- "height":"16px",
- "width":"16px",
- "cursor":"pointer",
- "tool tip":"View Source",
- "layout":"Layout1",
- "container":"2"
- },
- {
- "id":"Label2_copy2",
- "field type":"output field",
- "css class":"label",
- "value":"View Source",
- "color":"#003366",
- "font size":"12px",
- "text align":"left",
- "left":"590px",
- "top":"105px",
- "width":"90px",
- "layout":"Layout1",
- "container":"2"
- },
- {
- "id":"Label1_copy4",
- "field type":"output field",
- "css class":"label",
- "value":"Date Difference",
- "color":"#0099FF",
- "text align":"left",
- "left":"15px",
- "top":"135px",
- "width":"135px",
- "cursor":"pointer",
- "user defined data":"DATE001R",
- "layout":"Layout1",
- "container":"2"
- },
- {
- "id":"Label1_copy3",
- "field type":"output field",
- "css class":"label",
- "value":"Control Visibility Dynamically",
- "color":"#0099FF",
- "text align":"left",
- "left":"440px",
- "top":"135px",
- "width":"210px",
- "cursor":"pointer",
- "user defined data":"VISI001R",
- "layout":"Layout1",
- "container":"2"
- },
- {
- "id":"Image1_copy4",
- "field type":"image",
- "image source":"/profoundui/proddata/images/puisamples/Date001R.png",
- "left":"15px",
- "top":"160px",
- "height":"90px",
- "width":"120px",
- "cursor":"pointer",
- "user defined data":"DATE001R",
- "layout":"Layout1",
- "container":"2"
- },
- {
- "id":"HtmlContainer2_copy",
- "field type":"html container",
- "font size":"12px",
- "font weight":"normal",
- "white space":"normal",
- "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.",
- "left":"145px",
- "top":"160px",
- "height":"60px",
- "width":"275px",
- "cursor":"pointer",
- "user defined data":"DATE001R",
- "layout":"Layout1",
- "container":"2"
- },
- {
- "id":"Image1_copy3",
- "field type":"image",
- "image source":"/profoundui/proddata/images/puisamples/Visi001R.png",
- "left":"440px",
- "top":"165px",
- "height":"90px",
- "width":"120px",
- "cursor":"pointer",
- "user defined data":"VISI001R",
- "layout":"Layout1",
- "container":"2"
- },
- {
- "id":"HtmlContainer1_copy4",
- "field type":"html container",
- "font size":"12px",
- "font weight":"normal",
- "white space":"normal",
- "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. ",
- "left":"570px",
- "top":"165px",
- "height":"60px",
- "width":"290px",
- "cursor":"pointer",
- "user defined data":"VISI001R",
- "layout":"Layout1",
- "container":"2"
- },
- {
- "id":"Image2_copy3",
- "field type":"image",
- "response":{
- "fieldName":"DATE001I",
- "dataType":"indicator",
- "formatting":"Indicator",
- "indFormat":"1 / 0"
- },
- "image source":"/profoundui/proddata/images/code-icon.png",
- "left":"145px",
- "top":"235px",
- "height":"16px",
- "width":"16px",
- "cursor":"pointer",
- "tool tip":"View Source",
- "layout":"Layout1",
- "container":"2"
- },
- {
- "id":"Label2_copy4",
- "field type":"output field",
- "css class":"label",
- "value":"View Source",
- "color":"#003366",
- "font size":"12px",
- "text align":"left",
- "left":"165px",
- "top":"235px",
- "width":"90px",
- "layout":"Layout1",
- "container":"2"
- },
- {
- "id":"Image2_copy2",
- "field type":"image",
- "response":{
- "fieldName":"VISI001I",
- "dataType":"indicator",
- "formatting":"Indicator",
- "indFormat":"1 / 0"
- },
- "image source":"/profoundui/proddata/images/code-icon.png",
- "left":"570px",
- "top":"240px",
- "height":"16px",
- "width":"16px",
- "cursor":"pointer",
- "tool tip":"View Source",
- "layout":"Layout1",
- "container":"2"
- },
- {
- "id":"Label2_copy3",
- "field type":"output field",
- "css class":"label",
- "value":"View Source",
- "color":"#003366",
- "font size":"12px",
- "text align":"left",
- "left":"590px",
- "top":"240px",
- "width":"90px",
- "layout":"Layout1",
- "container":"2"
- },
- {
- "id":"Label1_copy16",
- "field type":"output field",
- "css class":"label",
- "value":"Control Position Dynamically",
- "color":"#0099FF",
- "text align":"left",
- "left":"15px",
- "top":"285px",
- "width":"205px",
- "cursor":"pointer",
- "user defined data":"POSI001R",
- "layout":"Layout1",
- "container":"2"
- },
- {
- "id":"Label1_copy17",
- "field type":"output field",
- "css class":"label",
- "value":"Change Font & Text Dynamically",
- "color":"#0099FF",
- "text align":"left",
- "left":"440px",
- "top":"285px",
- "width":"230px",
- "cursor":"pointer",
- "user defined data":"FONT001R",
- "layout":"Layout1",
- "container":"2"
- },
- {
- "id":"Image1_copy16",
- "field type":"image",
- "image source":"/profoundui/proddata/images/puisamples/Posi001R.png",
- "left":"15px",
- "top":"310px",
- "height":"90px",
- "width":"125px",
- "cursor":"pointer",
- "user defined data":"POSI001R",
- "layout":"Layout1",
- "container":"2"
- },
- {
- "id":"HtmlContainer1_copy13",
- "field type":"html container",
- "color":"#000000",
- "font size":"12px",
- "font weight":"normal",
- "white space":"normal",
- "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. ",
- "left":"150px",
- "top":"310px",
- "height":"65px",
- "width":"275px",
- "cursor":"pointer",
- "user defined data":"POSI001R",
- "layout":"Layout1",
- "container":"2"
- },
- {
- "id":"HtmlContainer1_copy14",
- "field type":"html container",
- "font size":"12px",
- "font weight":"normal",
- "white space":"normal",
- "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.",
- "left":"570px",
- "top":"310px",
- "height":"75px",
- "width":"290px",
- "cursor":"pointer",
- "user defined data":"FONT001R",
- "layout":"Layout1",
- "container":"2"
- },
- {
- "id":"Image1_copy17",
- "field type":"image",
- "image source":"/profoundui/proddata/images/puisamples/Font001R.png",
- "left":"440px",
- "top":"315px",
- "height":"90px",
- "width":"120px",
- "cursor":"pointer",
- "user defined data":"FONT001R",
- "layout":"Layout1",
- "container":"2"
- },
- {
- "id":"Image2_copy11",
- "field type":"image",
- "response":{
- "fieldName":"POSI001I",
- "dataType":"indicator",
- "formatting":"Indicator",
- "indFormat":"1 / 0"
- },
- "image source":"/profoundui/proddata/images/code-icon.png",
- "left":"150px",
- "top":"390px",
- "height":"16px",
- "width":"16px",
- "cursor":"pointer",
- "tool tip":"View Source",
- "layout":"Layout1",
- "container":"2"
- },
- {
- "id":"Label2_copy16",
- "field type":"output field",
- "css class":"label",
- "value":"View Source",
- "color":"#003366",
- "font size":"12px",
- "text align":"left",
- "left":"170px",
- "top":"390px",
- "width":"90px",
- "layout":"Layout1",
- "container":"2"
- },
- {
- "id":"Image2_copy4",
- "field type":"image",
- "response":{
- "fieldName":"FONT001I",
- "dataType":"indicator",
- "formatting":"Indicator",
- "indFormat":"1 / 0"
- },
- "image source":"/profoundui/proddata/images/code-icon.png",
- "left":"570px",
- "top":"395px",
- "height":"16px",
- "width":"16px",
- "cursor":"pointer",
- "tool tip":"View Source",
- "layout":"Layout1",
- "container":"2"
- },
- {
- "id":"Label2_copy17",
- "field type":"output field",
- "css class":"label",
- "value":"View Source",
- "color":"#003366",
- "font size":"12px",
- "text align":"left",
- "left":"590px",
- "top":"395px",
- "width":"90px",
- "layout":"Layout1",
- "container":"2"
- },
- {
- "id":"Label1_copy15",
- "field type":"output field",
- "css class":"label",
- "value":"Dynamic Dropdown - Program",
- "text align":"left",
- "left":"150px",
- "top":"35px",
- "width":"225px",
- "cursor":"pointer",
- "user defined data":"DROPD004R",
- "color":"#0099FF",
- "layout":"Layout1",
- "container":"3"
- },
- {
- "id":"Label1_copy13",
- "field type":"output field",
- "css class":"label",
- "value":"Dropdown - onchange JS",
- "text align":"left",
- "left":"575px",
- "top":"35px",
- "width":"185px",
- "user defined data":"DROPD002R",
- "cursor":"pointer",
- "color":"#0099FF",
- "layout":"Layout1",
- "container":"3"
- },
- {
- "id":"Image1_copy15",
- "field type":"image",
- "image source":"/profoundui/proddata/images/puisamples/Dropd004R.png",
- "left":"15px",
- "top":"50px",
- "height":"90px",
- "cursor":"pointer",
- "width":"125px",
- "user defined data":"DROPD004R",
- "layout":"Layout1",
- "container":"3"
- },
- {
- "id":"Image1_copy13",
- "field type":"image",
- "image source":"/profoundui/proddata/images/puisamples/Dropd001R.png",
- "left":"445px",
- "top":"55px",
- "height":"80px",
- "cursor":"pointer",
- "width":"125px",
- "user defined data":"DROPD002R",
- "layout":"Layout1",
- "container":"3"
- },
- {
- "id":"HtmlContainer1_copy11",
- "field type":"html container",
- "font size":"12px",
- "font weight":"normal",
- "white space":"normal",
- "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.",
- "left":"150px",
- "top":"60px",
- "height":"75px",
- "width":"280px",
- "cursor":"pointer",
- "user defined data":"DROPD004R",
- "layout":"Layout1",
- "container":"3"
- },
- {
- "id":"HtmlContainer1_copy10",
- "field type":"html container",
- "font size":"12px",
- "font weight":"normal",
- "white space":"normal",
- "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.",
- "left":"575px",
- "top":"60px",
- "height":"60px",
- "width":"290px",
- "cursor":"pointer",
- "user defined data":"DROPD002R",
- "layout":"Layout1",
- "container":"3"
- },
- {
- "id":"Image2_copy5",
- "field type":"image",
- "image source":"/profoundui/proddata/images/code-icon.png",
- "left":"575px",
- "top":"135px",
- "height":"16px",
- "width":"16px",
- "cursor":"pointer",
- "tool tip":"View Source",
- "response":{
- "fieldName":"DROPD002I",
- "dataType":"indicator",
- "formatting":"Indicator",
- "indFormat":"1 / 0"
- },
- "layout":"Layout1",
- "container":"3"
- },
- {
- "id":"Label2_copy12",
- "field type":"output field",
- "css class":"label",
- "value":"View Source",
- "font size":"12px",
- "text align":"left",
- "left":"595px",
- "top":"135px",
- "width":"90px",
- "color":"#003366",
- "layout":"Layout1",
- "container":"3"
- },
- {
- "id":"Image2_copy8",
- "field type":"image",
- "image source":"/profoundui/proddata/images/code-icon.png",
- "left":"150px",
- "top":"145px",
- "height":"16px",
- "width":"16px",
- "cursor":"pointer",
- "tool tip":"View Source",
- "response":{
- "fieldName":"DROPD004I",
- "dataType":"indicator",
- "formatting":"Indicator",
- "indFormat":"1 / 0"
- },
- "layout":"Layout1",
- "container":"3"
- },
- {
- "id":"Label2_copy15",
- "field type":"output field",
- "css class":"label",
- "value":"View Source",
- "font size":"12px",
- "text align":"left",
- "left":"170px",
- "top":"145px",
- "width":"90px",
- "color":"#003366",
- "layout":"Layout1",
- "container":"3"
- },
- {
- "id":"Label1_copy14",
- "field type":"output field",
- "css class":"label",
- "value":"Dynamic Dropdown - Database",
- "text align":"left",
- "left":"150px",
- "top":"175px",
- "width":"225px",
- "cursor":"pointer",
- "user defined data":"DROPD003R",
- "color":"#0099FF",
- "layout":"Layout1",
- "container":"3"
- },
- {
- "id":"Label1_copy12",
- "field type":"output field",
- "css class":"label",
- "value":"Static Dropdown",
- "text align":"left",
- "left":"575px",
- "top":"175px",
- "width":"140px",
- "cursor":"pointer",
- "user defined data":"DROPD001R",
- "color":"#0099FF",
- "layout":"Layout1",
- "container":"3"
- },
- {
- "id":"Image1_copy14",
- "field type":"image",
- "image source":"/profoundui/proddata/images/puisamples/Dropd002R.png",
- "left":"20px",
- "top":"190px",
- "height":"80px",
- "cursor":"pointer",
- "width":"125px",
- "user defined data":"DROPD003R",
- "layout":"Layout1",
- "container":"3"
- },
- {
- "id":"Image1_copy12",
- "field type":"image",
- "image source":"/profoundui/proddata/images/puisamples/Dropd003R.png",
- "left":"445px",
- "top":"190px",
- "height":"85px",
- "width":"125px",
- "cursor":"pointer",
- "user defined data":"DROPD001R",
- "layout":"Layout1",
- "container":"3"
- },
- {
- "id":"HtmlContainer2_copy2",
- "field type":"html container",
- "font size":"12px",
- "font weight":"normal",
- "white space":"normal",
- "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. ",
- "left":"150px",
- "top":"200px",
- "height":"75px",
- "width":"275px",
- "cursor":"pointer",
- "user defined data":"DROPD003R",
- "layout":"Layout1",
- "container":"3"
- },
- {
- "id":"HtmlContainer1_copy9",
- "field type":"html container",
- "color":"#000000",
- "font size":"12px",
- "font weight":"normal",
- "white space":"normal",
- "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.",
- "left":"575px",
- "top":"200px",
- "height":"68px",
- "width":"275px",
- "cursor":"pointer",
- "user defined data":"DROPD001R",
- "layout":"Layout1",
- "container":"3"
- },
- {
- "id":"Image2_copy7",
- "field type":"image",
- "response":{
- "fieldName":"DROPD001I",
- "dataType":"indicator",
- "formatting":"Indicator",
- "indFormat":"1 / 0"
- },
- "image source":"/profoundui/proddata/images/code-icon.png",
- "left":"575px",
- "top":"275px",
- "height":"16px",
- "width":"16px",
- "cursor":"pointer",
- "tool tip":"View Source",
- "layout":"Layout1",
- "container":"3"
- },
- {
- "id":"Label2_copy13",
- "field type":"output field",
- "css class":"label",
- "value":"View Source",
- "font size":"12px",
- "text align":"left",
- "left":"595px",
- "top":"275px",
- "width":"90px",
- "color":"#003366",
- "layout":"Layout1",
- "container":"3"
- },
- {
- "id":"Image2_copy6",
- "field type":"image",
- "image source":"/profoundui/proddata/images/code-icon.png",
- "left":"150px",
- "top":"280px",
- "height":"16px",
- "width":"16px",
- "cursor":"pointer",
- "tool tip":"View Source",
- "response":{
- "fieldName":"DROPD003I",
- "dataType":"indicator",
- "formatting":"Indicator",
- "indFormat":"1 / 0"
- },
- "layout":"Layout1",
- "container":"3"
- },
- {
- "id":"Label2_copy14",
- "field type":"output field",
- "css class":"label",
- "value":"View Source",
- "font size":"12px",
- "text align":"left",
- "left":"170px",
- "top":"280px",
- "width":"90px",
- "color":"#003366",
- "layout":"Layout1",
- "container":"3"
- },
- {
- "id":"Label1_copy152",
- "field type":"output field",
- "css class":"label",
- "value":"Order Search Application",
- "text align":"left",
- "left":"15px",
- "top":"40px",
- "width":"225px",
- "user defined data":"SAMPLE001R",
- "cursor":"pointer",
- "color":"#0099FF",
- "layout":"Layout1",
- "container":"4"
- },
- {
- "id":"Label1_copy132",
- "field type":"output field",
- "css class":"label",
- "value":"Simple Tab Panel",
- "text align":"left",
- "left":"440px",
- "top":"40px",
- "width":"185px",
- "user defined data":"TAB001R",
- "cursor":"pointer",
- "color":"#0099FF",
- "layout":"Layout1",
- "container":"4"
- },
- {
- "id":"Image1_copy152",
- "field type":"image",
- "image source":"/profoundui/proddata/images/puisamples/Sample001R.png",
- "left":"15px",
- "top":"60px",
- "height":"85px",
- "cursor":"pointer",
- "width":"125px",
- "user defined data":"SAMPLE001R",
- "layout":"Layout1",
- "container":"4"
- },
- {
- "id":"HtmlContainer1_copy112",
- "field type":"html container",
- "font size":"12px",
- "font weight":"normal",
- "white space":"normal",
- "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. ",
- "left":"145px",
- "top":"60px",
- "height":"70px",
- "width":"275px",
- "cursor":"pointer",
- "user defined data":"SAMPLE001R",
- "layout":"Layout1",
- "container":"4"
- },
- {
- "id":"Image1_copy132",
- "field type":"image",
- "image source":"/profoundui/proddata/images/puisamples/Tab001R.png",
- "left":"440px",
- "top":"60px",
- "height":"100px",
- "cursor":"pointer",
- "width":"125px",
- "user defined data":"TAB001R",
- "layout":"Layout1",
- "container":"4"
- },
- {
- "id":"HtmlContainer1_copy102",
- "field type":"html container",
- "font size":"12px",
- "font weight":"normal",
- "white space":"normal",
- "html":"This is a very simple example of using Tab Panels. In this case, there are no fields' binding in the application.",
- "left":"570px",
- "top":"60px",
- "height":"60px",
- "width":"290px",
- "cursor":"pointer",
- "user defined data":"TAB001R",
- "layout":"Layout1",
- "container":"4"
- },
- {
- "id":"Image2_copy17",
- "field type":"image",
- "image source":"/profoundui/proddata/images/code-icon.png",
- "left":"570px",
- "top":"135px",
- "height":"16px",
- "width":"16px",
- "cursor":"pointer",
- "tool tip":"View Source",
- "response":{
- "fieldName":"TAB001I",
- "dataType":"indicator",
- "formatting":"Indicator",
- "indFormat":"1 / 0"
- },
- "layout":"Layout1",
- "container":"4"
- },
- {
- "id":"Label2_copy122",
- "field type":"output field",
- "css class":"label",
- "value":"View Source",
- "font size":"12px",
- "text align":"left",
- "left":"590px",
- "top":"135px",
- "width":"90px",
- "color":"#003366",
- "layout":"Layout1",
- "container":"4"
- },
- {
- "id":"Image2_copy20",
- "field type":"image",
- "image source":"/profoundui/proddata/images/code-icon.png",
- "left":"145px",
- "top":"140px",
- "height":"16px",
- "width":"16px",
- "cursor":"pointer",
- "tool tip":"View Source",
- "response":{
- "fieldName":"SAMPLE001I",
- "dataType":"indicator",
- "formatting":"Indicator",
- "indFormat":"1 / 0"
- },
- "layout":"Layout1",
- "container":"4"
- },
- {
- "id":"Label2_copy152",
- "field type":"output field",
- "css class":"label",
- "value":"View Source",
- "font size":"12px",
- "text align":"left",
- "left":"165px",
- "top":"140px",
- "width":"90px",
- "color":"#003366",
- "layout":"Layout1",
- "container":"4"
- },
- {
- "id":"Label1_copy142",
- "field type":"output field",
- "css class":"label",
- "value":"Dynamic Tab Panel",
- "text align":"left",
- "left":"15px",
- "top":"185px",
- "width":"225px",
- "user defined data":"TAB002R",
- "cursor":"pointer",
- "color":"#0099FF",
- "layout":"Layout1",
- "container":"4"
- },
- {
- "id":"Image1_copy142",
- "field type":"image",
- "image source":"/profoundui/proddata/images/puisamples/Tab002R.png",
- "left":"15px",
- "top":"205px",
- "height":"100px",
- "cursor":"pointer",
- "width":"125px",
- "user defined data":"TAB002R",
- "layout":"Layout1",
- "container":"4"
- },
- {
- "id":"HtmlContainer2_copy3",
- "field type":"html container",
- "font size":"12px",
- "font weight":"normal",
- "white space":"normal",
- "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. ",
- "left":"145px",
- "top":"205px",
- "height":"65px",
- "width":"275px",
- "cursor":"pointer",
- "user defined data":"TAB002R",
- "layout":"Layout1",
- "container":"4"
- },
- {
- "id":"Image2_copy18",
- "field type":"image",
- "image source":"/profoundui/proddata/images/code-icon.png",
- "left":"145px",
- "top":"275px",
- "height":"16px",
- "width":"16px",
- "cursor":"pointer",
- "tool tip":"View Source",
- "response":{
- "fieldName":"TAB002I",
- "dataType":"indicator",
- "formatting":"Indicator",
- "indFormat":"1 / 0"
- },
- "layout":"Layout1",
- "container":"4"
- },
- {
- "id":"Label2_copy142",
- "field type":"output field",
- "css class":"label",
- "value":"View Source",
- "font size":"12px",
- "text align":"left",
- "left":"165px",
- "top":"275px",
- "width":"90px",
- "color":"#003366",
- "layout":"Layout1",
- "container":"4"
- },
- {
- "id":"Label1_copy202",
- "field type":"output field",
- "css class":"label",
- "value":"File Upload",
- "text align":"left",
- "left":"150px",
- "top":"20px",
- "width":"200px",
- "user defined data":"UPLD001R",
- "cursor":"pointer",
- "color":"#0099FF",
- "layout":"Layout1",
- "container":"5"
- },
- {
- "id":"Label1_copy122",
- "field type":"output field",
- "css class":"label",
- "value":"Dynamic Image/Auto Complete",
- "text align":"left",
- "left":"575px",
- "top":"20px",
- "width":"215px",
- "cursor":"pointer",
- "user defined data":"IMAGE001R",
- "color":"#0099FF",
- "layout":"Layout1",
- "container":"5"
- },
- {
- "id":"Image1_copy202",
- "field type":"image",
- "image source":"/profoundui/proddata/images/puisamples/Upld001r.png",
- "left":"20px",
- "top":"30px",
- "height":"95px",
- "cursor":"pointer",
- "width":"120px",
- "user defined data":"UPLD001R",
- "layout":"Layout1",
- "container":"5"
- },
- {
- "id":"Image1_copy122",
- "field type":"image",
- "image source":"/profoundui/proddata/images/puisamples/Image001R.png",
- "left":"440px",
- "top":"30px",
- "height":"95px",
- "width":"120px",
- "cursor":"pointer",
- "user defined data":"IMAGE001R",
- "layout":"Layout1",
- "container":"5"
- },
- {
- "id":"HtmlContainer1_copy162",
- "field type":"html container",
- "font size":"12px",
- "font weight":"normal",
- "white space":"normal",
- "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.",
- "left":"150px",
- "top":"45px",
- "height":"75px",
- "width":"275px",
- "cursor":"pointer",
- "user defined data":"UPLD001R",
- "layout":"Layout1",
- "container":"5"
- },
- {
- "id":"HtmlContainer1_copy12",
- "field type":"html container",
- "color":"#000000",
- "font size":"12px",
- "font weight":"normal",
- "white space":"normal",
- "html":"In this example, we show how to dynamically display an image.",
- "left":"575px",
- "top":"45px",
- "height":"68px",
- "width":"275px",
- "cursor":"pointer",
- "user defined data":"IMAGE001R",
- "layout":"Layout1",
- "container":"5"
- },
- {
- "id":"Image2_copy19",
- "field type":"image",
- "response":{
- "fieldName":"IMAGE001I",
- "dataType":"indicator",
- "formatting":"Indicator",
- "indFormat":"1 / 0"
- },
- "image source":"/profoundui/proddata/images/code-icon.png",
- "left":"575px",
- "top":"120px",
- "height":"16px",
- "width":"16px",
- "cursor":"pointer",
- "tool tip":"View Source",
- "layout":"Layout1",
- "container":"5"
- },
- {
- "id":"Label2_copy132",
- "field type":"output field",
- "css class":"label",
- "value":"View Source",
- "font size":"12px",
- "text align":"left",
- "left":"595px",
- "top":"120px",
- "width":"90px",
- "color":"#003366",
- "layout":"Layout1",
- "container":"5"
- },
- {
- "id":"Image2_copy1222",
- "field type":"image",
- "response":{
- "fieldName":"UPLD001I",
- "dataType":"indicator",
- "formatting":"Indicator",
- "indFormat":"1 / 0"
- },
- "image source":"/profoundui/proddata/images/code-icon.png",
- "left":"150px",
- "top":"125px",
- "height":"16px",
- "width":"16px",
- "cursor":"pointer",
- "tool tip":"View Source",
- "layout":"Layout1",
- "container":"5"
- },
- {
- "id":"Label2_copy202",
- "field type
|
|