JavaScript

Accessing Properties

UI Control Properties can be placed inside of any Template files, including HTML, CSS, and Javascript files.

For example in your Properties.json file you can add the a text field, and then reference that value in your Template files, including HTML, CSS, and Javascript.

{
    "groups": [{
        "title": "Text Field Example",
        "properties": [{
            "title": "Text Field",
            "id": "MyTextField",
            "text": {
                "default" : "Hello World",
                "subtitle" : "one",
            }
        }]
    }]
}

In your Template file you can reference the text field by using double brackets and the ID name.

<h1>This is the value from the Text Field: {{MyTextField}}</h1>

Anything set in rw.setProps is also available to all Templates files in your component.