Properties Panel Test

Layout

JSON:

{groups: {
      "testGroup":
      {
      id: "testGroup",
      title: "Test Group 1"
      },
      "testGroup2":
      {
      id: "testGroup2",
      title: "Test Group 2"
      }
      },

properties: [
      { id: 'testGem',
      dataType: 'string',
      dataStructure: 'column',
      required: true,
      ui: {
      group: "testGroup",
      type: 'gemBar',
      dndType: 'gem',
      caption: 'Gem Bar'
      }
      },
      { id: 'testGem2',
      dataType: 'string',
      dataStructure: 'column',
      required: true,
      ui: {
      group: "testGroup",
      type: 'gemBar',
      dndType: 'gem',
      caption: 'Gem Bar 2'
      }
      },
      {
      id: 'testCombo',
      dataType: 'string',
      values: ["foo", "bar", "baz"],
      value: "bar",
      ui: {
      labels: ["Foo", "Bar", "Baz"],
      group: "testGroup2",
      type: 'combo',
      caption: "Combo Box"
      }
      },

{
      id: 'testCombo',
      dataType: 'string',
      values: ["foos", "bars", "bazs"],
      value: "bar",
      ui: {
      group: "testGroup2",
      type: 'combo',
      caption: "Combo Box"
      }
      },

{
      id: 'testSlider',
      dataType: 'number',
      uiType: 'slider',
      value: 35,
      ui: {
      group: "testGroup2",
      type: 'slider',
      caption: "Slider"
      }
      },
      {
      id: 'testCheckbox',
      dataType: 'boolean',
      value: false,
      ui: {
      group: "testGroup2",
      type: 'checkbox',
      label: "working?",
      caption: "Checkbox"
      }
      },
      {
      id: 'testTextbox',
      dataType: 'string',
      value: "default",
      ui: {
      group: "testGroup2",
      type: 'textbox',
      caption: "Text"
      }
      },
      {
      id: "optionsBtn",
      dataType: 'none',
      ui: {
      group: "testGroup2",
      type: "button",
      label: "Button"
      }
      }

]
      }

Events:

Test1 Test2 Test3