topic Re: Create custom slider for a custom visual plot in Developer

Create custom slider for a custom visual plot

az2451 — Wed, 28 Mar 2018 11:56:02 GMT

Hi guys,

i want to build a slider similar like in this picture here

Before i design the slider, i just want to read values dynamically from a simple textbox. I managed that without problems by creating a DOM-Element (input) with js

But as i try changing the value, it just stays static (it still returns the value 800) 😞

Does anyone have i idea how to read the values from an textbox when i change the value on it?

		private createHelpLinkElement3(): Element {
            let linkElement = document.createElement("input");
			linkElement.setAttribute("value", "800");
            linkElement.setAttribute("class", "helpLink3");
            return linkElement;
        };

Here you can download my project

Re: Create custom slider for a custom visual plot

v-viig — Thu, 29 Mar 2018 13:07:49 GMT

Hi @az2451

We'd recommend to bind a keypress event to catch each change:

this.helpLinkElement3.addEventListener("keypress", (event) => {
    this.getx = parseInt((event.target as HTMLInputElement).value);

    console.log(this.getx);
});

Ignat Vilesov,

Software Engineer

Microsoft Power BI Custom Visuals

pbicvsupport@microsoft.com

Re: Create custom slider for a custom visual plot

az2451 — Thu, 29 Mar 2018 13:49:58 GMT

You are so amazing 🙂

Thank you!