Developers - UI Control

Position

All our UI-controls require an array of name/value-pairs, where name is the shown value, and value is the class to toggle. Some of the controls have an additional display-property used to present custom CSS or icons.

The ui-position-control.

Example:

      "properties": [
        {
          "name": "Object Position",
          "ui": "ui-position",
          "values": [
            {
              "name": "Top Left",
              "value": "op-tl"
            },
            {
              "name": "Top Center",
              "value": "op-tc"
            },
            {
              "name": "Top Right",
              "value": "op-tr"
            },
            {
              "name": "Center Left",
              "value": "op-cl"
            },
            {
              "name": "Center Center",
              "value": "pf-none"
            },
            {
              "name": "Center Right",
              "value": "op-cr"
            },
            {
              "name": "Bottom Left",
              "value": "op-bl"
            },
            {
              "name": "Bottom Center",
              "value": "op-bc"
            },
            {
              "name": "Bottom Right",
              "value": "op-br"
            }
          ]
        }
      ]

tip

If you want an option to be "none" (as in: no selection), set value to pf-none. This tells our script to remove any of the other values from the array of values from the target DOM-node.