Change the height of the description field for my viz in the formatting pane

[adampope]

I'm developing a custom visual, and in the formatting pane for it I have fields for author, support URL, and a description. 

Currently they all appear on one line, meaning users can't read the full description or click on the URL. Can anyone help me change my code so that (a) the description box expands to the height of the text which should wrap, and (b) enables the URL to be clickable without generating a security warning when I package it up? I'm currently using the following code:

Capabilities.json object:

        "about": {
            "properties": {
              "about": {
                "type": { "text": true }
              },
              "supportUrl": {
                "type": { "text": true }
              },
              "author": {
                "type": { "text": true }
              }
            }
        }

settings.ts: 

class AboutSettingsCard extends formattingSettings.SimpleCard {
    about = new formattingSettings.TextInput({
        placeholder: "This text describes the visualisation in detail and is quite long so disappears when its rendered as one line",
        name: "about",
        displayName: "Description",
        value: "This text describes the visualisation in detail and is quite long so disappears when its rendered as one line",
    });
    supportUrl = new formattingSettings.TextInput({
        placeholder: "",
        name: "supportUrl",
        displayName: "Support URL",
        value: "a valid url"
    });
    author = new formattingSettings.TextInput({
        placeholder: "",
        name: "author",
        displayName: "Author",
        value: "Yours truly"
    });
    name = "about";
    displayName = "Visualisation Name";
    slices = [this.about, this.supportUrl, this.author];
}

[dm-p · Accepted solution]

Hi @adampope.,

If you want a multi-line text property, use formattingSettings.TextArea rather than formattingSetting.TextInput.

Regarding URLs, and presuming you're using the launch URL API, they will always generate a security warning, which cannot be bypassed.

Regards,

Daniel