Skip to Main Content
Spotfire Ideas Portal

Visualization mods popouts to support input fields

Add the ability to define input fields for text and numbers to a visualization mod popout panel.

  • Attach files
      Drop here to upload
    • Guest
      Reply
      |
      Aug 22, 2021

      As a work around you can create a popout panel manually using Tippy.js and manually reading and setting mod property in our main.js code.

      In the example below mod.property("myProperty") has beend passed to the render function as myProperty.

      var configTextarea = document.createElement("textarea");
      configTextarea.setAttribute("rows", 8);
      configTextarea.setAttribute("cols", 30);
      configTextarea.append(myProperty.value());
      configTextarea.addEventListener("change", e => {
      myProperty.set(configTextarea.value);
      });

      var configDiv = document.createElement("div");
      configDiv.appendChild(configTextarea);

      tippy('#mod-configure', {
      trigger: 'click', theme: 'light-border',
      allowHTML: true, interactive: true,
      content: configDiv
      });
    • Guest
      Reply
      |
      Aug 11, 2021

      Beside text input field it should also support textarea input field (multi line text input including line feed).