Skip to Main Content
Spotfire Ideas Portal
Status Future Consideration
Product Spotfire
Categories Mods
Created by Guest
Created on Dec 2, 2020

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
  • 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).