{ "text": "custom widget for blog prime ui", "formats": [{ "screen": { "record format name": "REC1", "onload": "// Fix top borders of fieldsets without legends to be where they would be with legends.\n//if (pui.is_chrome || pui.is_firefox){\n var fieldsets = document.getElementsByTagName(\"fieldset\");\n for (var i=0; i < fieldsets.length; i++){\n //Look for all fieldsets that have no legend and that have IDs, assuming only Profound fieldsets have IDs.\n if (fieldsets[i].querySelector(\"legend\") == null && fieldsets[i].id.length > 0){\n var height = fieldsets[i].clientHeight;\n var top = fieldsets[i].offsetTop;\n fieldsets[i].style.top = \"calc(\"+top+\"px + 1ex)\"; //add one ex unit (font x-height) to top.\n fieldsets[i].style.height = \"calc(\"+height+\"px - 1ex)\"; //subtract one ex unit (font x-height) from bottom\n }\n }\n//}\n" }, { "id": "MultiSelectListBox1", "field type": "prime multiselectlistbox" }, { "id": "GraphicButton1", "field type": "graphic button", "css class": "pui-solid-button-no", "value": "Exit", "left": "20px", "top": "20px", "width": "100px", "icon position": "left", "css class 2": "blueprint-defaults", "icon": "material:clear", "height": "25px", "response": { "fieldName": "btnexit", "customTrue": "", "customFalse": "", "dataType": "indicator", "formatting": "Indicator", "indFormat": "1 / 0" } }, { "id": "GraphicButton3", "field type": "graphic button", "css class": "pui-solid-button-yes", "value": "Submit", "left": "140px", "top": "20px", "width": "100px", "icon position": "left", "css class 2": "blueprint-defaults", "icon": "material:check", "height": "25px", "response": { "fieldName": "btnsubmit", "customTrue": "", "customFalse": "", "dataType": "indicator", "formatting": "Indicator", "indFormat": "1 / 0" } }, { "id": "GraphicButton2", "field type": "graphic button", "css class": "blueprint-button-secondary", "value": "refresh", "left": "740px", "top": "20px", "width": "100px", "icon position": "left", "css class 2": "blueprint-defaults", "css class 3": "no-icon", "height": "25px", "icon": "material:refresh", "onclick": "pui.refresh();", "text align": "left" }, { "id": "GraphicButton4", "field type": "graphic button", "css class": "blueprint-button", "value": "Check CSS Fix", "left": "860px", "top": "20px", "width": "150px", "icon position": "left", "css class 2": "blueprint-alt-defaults", "css class 3": "no-icon", "height": "25px", "icon": "material:arrow_forward", "text align": "left", "response": { "fieldName": "btncheck", "customTrue": "", "customFalse": "", "dataType": "indicator", "formatting": "Indicator", "indFormat": "1 / 0" } }, { "id": "Layout3", "field type": "layout", "css class": "office-copy-defaults", "left": "20px", "top": "60px", "template": "css panel", "header text": "Prime UI Widgets", "header theme": "office-copy-gray-header", "body theme": "office-copy-white-body", "height": "360px", "width": "400px", "css class 2": "office-copy-panel" }, { "id": "Layout1", "field type": "layout", "css class": "office-copy-panel", "left": "470px", "top": "60px", "template": "css panel", "header text": "Responses", "header theme": "office-copy-dark-header", "body theme": "office-copy-gray-body", "height": "360px", "width": "180px", "css class 2": "office-copy-defaults" }, { "id": "Layout2", "field type": "layout", "css class": "office-copy-panel", "left": "700px", "top": "60px", "template": "css panel", "header text": "Rating 2 Events:", "header theme": "office-copy-dark-header", "body theme": "office-copy-gray-body", "height": "360px", "width": "330px", "css class 2": "office-copy-defaults" }, { "id": "OutputField4", "field type": "output field", "css class": "outputField", "value": { "fieldName": "raterespon", "dataLength": "5", "decPos": "0", "numSep": "false", "zeroBalance": "true", "numBlankFill": "false", "zeroFill": "false", "noExtraSpaces": "false", "curSym": "", "dataType": "zoned", "formatting": "Number", "negNum": "-999.00", "units": "", "designValue": "[raterespon]" }, "left": "20px", "top": "20px", "color": "#FFFFFF", "layout": "Layout1", "container": "1" }, { "id": "PrimeRating1", "field type": "prime rating", "value": { "fieldName": "raterespon", "dataLength": "5", "decPos": "0", "numSep": "false", "zeroBalance": "true", "numBlankFill": "false", "zeroFill": "false", "noExtraSpaces": "false", "curSym": "", "dataType": "zoned", "formatting": "Number", "negNum": "-999.00", "units": "", "designValue": "[raterespon]" }, "left": "120px", "top": "20px", "width": "115px", "height": "22px", "rating stars": "5", "color": { "fieldName": "Field0002", "dataLength": "10", "trimLeading": "false", "trimTrailing": "true", "blankFill": "false", "rjZeroFill": "false", "dataType": "char", "formatting": "Text", "textTransform": "none" }, "layout": "Layout3", "container": "1" }, { "id": "PrimeRating2", "field type": "prime rating", "value": { "fieldName": "raterespo2", "dataLength": "5", "decPos": "0", "numSep": "false", "zeroBalance": "false", "numBlankFill": "false", "zeroFill": "false", "noExtraSpaces": "false", "curSym": "", "dataType": "zoned", "formatting": "Number", "negNum": "-999.00", "units": "", "designValue": "[raterespo2]" }, "rating stars": "3", "left": "120px", "top": "60px", "height": "22px", "width": "115px", "rating cancel": "true", "rating oncancel": "var eventsinfo = get('EventsInfo');\neventsinfo = 'Rating cancelled\\n' + eventsinfo;\npui.set('EventsInfo', eventsinfo);", "disabled": { "fieldName": "rate2disab", "customTrue": "", "customFalse": "", "dataType": "indicator", "formatting": "Indicator", "indFormat": "true / false" }, "rating onrate": "var eventsinfo = get('EventsInfo');\neventsinfo = 'rated ' + value + '\\n' + eventsinfo;\npui.set('EventsInfo', eventsinfo);", "layout": "Layout3", "container": "1" }, { "id": "OutputField4_copy", "field type": "output field", "css class": "outputField", "value": { "fieldName": "raterespo2", "dataLength": "5", "decPos": "0", "numSep": "false", "zeroBalance": "true", "numBlankFill": "false", "zeroFill": "false", "noExtraSpaces": "false", "curSym": "", "dataType": "zoned", "formatting": "Number", "negNum": "-999.00", "units": "", "designValue": "[raterespo2]" }, "left": "20px", "top": "60px", "color": "#FFFFFF", "layout": "Layout1", "container": "1" }, { "id": "Checkbox1", "field type": "checkbox", "value": { "fieldName": "rate2disab", "customTrue": "", "customFalse": "", "dataType": "indicator", "formatting": "Indicator", "indFormat": "true / false", "designValue": "[rate2disab]" }, "left": "250px", "top": "60px", "label": "disabled", "checked value": "true", "unchecked value": "false", "layout": "Layout3", "container": "1" }, { "id": "PrimeDate1", "field type": "prime date", "left": "20px", "top": "160px", "width": "180px", "height": "22px", "datepicker showon": "both", "datepicker showbuttonpanel": "true", "value": { "fieldName": "datestr", "dataLength": "10", "trimLeading": "false", "trimTrailing": "true", "blankFill": "false", "rjZeroFill": "false", "dataType": "char", "formatting": "Text", "textTransform": "none", "designValue": "[datestr]" }, "datepicker dateformat": "yy-mm-dd", "layout": "Layout3", "container": "1" }, { "id": "PrimeDate2", "field type": "prime date", "left": "20px", "top": "240px", "width": "180px", "height": "22px", "datepicker showbuttonpanel": "true", "value": { "fieldName": "dateobj", "dataType": "date", "formatting": "Date", "dateFormat": "Y-m-d", "locale": "en_US", "designValue": "[dateobj]" }, "datepicker showon": "both", "datepicker dateformat": "yy-mm-dd", "layout": "Layout3", "container": "1" }, { "id": "Label1", "field type": "output field", "css class": "label", "value": "Rating 1:", "left": "20px", "top": "20px", "width": "70px", "layout": "Layout3", "container": "1" }, { "id": "Label2", "field type": "output field", "css class": "label", "value": "Rating 2:", "left": "20px", "top": "60px", "width": "70px", "layout": "Layout3", "container": "1" }, { "id": "Label3", "field type": "output field", "css class": "label", "value": "Date bound to \"char\" type:", "left": "20px", "top": "140px", "width": "150px", "layout": "Layout3", "container": "1" }, { "id": "Label4", "field type": "output field", "css class": "label", "value": "Date bound to \"date\" type:", "left": "20px", "top": "220px", "width": "150px", "layout": "Layout3", "container": "1" }, { "id": "EventsInfo", "field type": "text area", "left": "10px", "top": "10px", "width": "300px", "height": "290px", "border radius": "15px", "layout": "Layout2", "container": "1" }, { "id": "OutputField1", "field type": "output field", "css class": "outputField", "value": { "fieldName": "datestr", "dataLength": "10", "trimLeading": "false", "trimTrailing": "false", "blankFill": "false", "rjZeroFill": "false", "dataType": "char", "formatting": "Text", "textTransform": "none", "designValue": "[datestr]" }, "left": "20px", "top": "160px", "color": "#FFFFFF", "layout": "Layout1", "container": "1" }, { "id": "OutputField2", "field type": "output field", "css class": "outputField", "value": { "fieldName": "dateobj", "dataType": "date", "formatting": "Date", "dateFormat": "Y-m-d", "locale": "en_US", "designValue": "[dateobj]" }, "left": "20px", "top": "240px", "color": "#FFFFFF", "layout": "Layout1", "container": "1" } "screen": { "record format name": "CSSTEST" }, { "id": "CssButton1", "field type": "css button", "value": "Accept", "theme": "F - Green", "icon position": "left", "icon": "check", "small button": "true", "left": "25px", "top": "420px", "width": "90px" }, { "id": "CssButton2", "field type": "css button", "value": "Cancel", "theme": "G - Red", "icon position": "left", "icon": "delete", "small button": "true", "left": "25px", "top": "465px", "width": "90px" }, { "id": "CssButton3", "field type": "css button", "value": "Back", "theme": "B - Blue", "icon position": "left", "icon": "back", "small button": "true", "left": "5px", "top": "5px", "width": "75px", "response": { "fieldName": "btnback", "customTrue": "", "customFalse": "", "dataType": "indicator", "formatting": "Indicator", "indFormat": "1 / 0" } }, { "id": "CssButton4", "field type": "css button", "value": "Next", "theme": "B - Blue", "icon position": "right", "icon": "forward", "small button": "true", "left": "30px", "top": "565px", "width": "75px" }, { "id": "CssButton5", "field type": "css button", "value": "Click Here", "theme": "A - Black", "small button": "true", "left": "130px", "top": "420px", "width": "90px" }, { "id": "CssButton6", "field type": "css button", "value": "Click Here", "theme": "B - Blue", "small button": "true", "left": "130px", "top": "465px", "width": "90px" }, { "id": "CssButton7", "field type": "css button", "value": "Click Here", "theme": "A - Black", "left": "280px", "top": "425px", "width": "160px" }, { "id": "CssButton8", "field type": "css button", "value": "Click Here", "theme": "B - Blue", "left": "285px", "top": "490px", "width": "160px" }, { "id": "CssButton9", "field type": "css button", "value": "Home", "theme": "D - Light Gray", "icon position": "left", "icon": "home", "small button": "true", "left": "290px", "top": "560px", "width": "90px" }, { "id": "CssButton9_copy", "field type": "css button", "value": "Search", "theme": "D - Light Gray", "icon position": "left", "icon": "search", "small button": "true", "left": "290px", "top": "595px", "width": "90px" }, { "id": "CssButton9_copy2", "field type": "css button", "value": "Gear", "theme": "D - Light Gray", "icon position": "left", "icon": "gear", "small button": "true", "left": "290px", "top": "630px", "width": "90px" }, { "id": "Layout1", "field type": "layout", "left": "635px", "top": "390px", "template": "accordion", "header theme": "B - Blue", "body theme": "C - Gray", "allow collapse": "true", "height": "195px", "width": "200px", "z index": "8", "small sections": "true" }, { "id": "GraphicButton2", "field type": "graphic button", "css class": "blueprint-button-secondary", "value": "refresh", "icon position": "left", "icon": "material:refresh", "left": "620px", "top": "10px", "height": "25px", "width": "100px", "css class 2": "blueprint-defaults", "css class 3": "no-icon", "onclick": "pui.refresh();" }, { "id": "OutputField1", "field type": "output field", "css class": "heading", "value": "The icons in these widgets should match their descriptions.", "left": "100px", "top": "10px", "css class 2": "office-copy-defaults", "css class 3": "office-copy-text-header" }