roundslider

#1 · September 26, 2019, 5:46 pm

How can we create a roundslider in visualneo web?

I have found some samples in below site but I could not use them in visualneo web.

#2 · September 26, 2019, 7:38 pm

@asmat take a look at my attached sample.
I have loaded the JQuery plugin from a CDN (look into Project > Properties > Advanced > Custom Metadata > Body)
It's important the name you give to the Container as must be the same than in the sample code.

Uploaded files:

You need to login to have access to uploads.

#3 · September 27, 2019, 12:17 am

Thank you so much Luishp!

#4 · September 27, 2019, 1:13 am

BeginJS
$("#slider_event").roundSlider({
    handleShape: "dot",
    radius: 130,
    width: 25,
    sliderType: "range",
    value: "20,92",
    beforeCreate: "traceEvent",
    create: "traceEvent",
    start: "traceEvent",
    stop: "traceEvent",
    change: "traceEvent",
    drag: "traceEvent"
});


function traceEvent(e) {
    console.log(e.type);
}
EndJS

In above, How can I call neoSubroutine instead of traceEvent function?

#5 · September 27, 2019, 9:56 am

@asmat, it's is as easy as this. Take a look at the attached app to see how to get the parameters into your subroutine.

NeoScriptToJS
BeginJS
$("#slider").roundSlider({
        handleShape: "dot",
        radius: 130,
        width: 25,
        sliderType: "range",
        value: "20,92",
        beforeCreate: neosubroutine.mysubroutine,
        create: neosubroutine.mysubroutine,
        start: neosubroutine.mysubroutine,
        stop: neosubroutine.mysubroutine,
        change: neosubroutine.mysubroutine,
        drag: neosubroutine.mysubroutine,
});
EndJS

Uploaded files:

You need to login to have access to uploads.

CDY@44 and asmat have reacted to this post.

#6 · September 27, 2019, 11:15 am

Hi Luis,
Very interesting !
How can we get the values to send them to a variable ?
Regards,

Denis

asmat has reacted to this post.

#7 · September 28, 2019, 2:47 pm

How can we get the values to send them to a variable ?

Use [parameter.value]

#8 · September 28, 2019, 3:19 pm

Of course ! I am silly !
Thank you Ronnie !

#9 · October 4, 2019, 12:51 pm

When I drag the handles in the below slider shape, the roundslider goes up, How can I solve this problem?

Uploaded files:

You need to login to have access to uploads.

#10 · October 4, 2019, 1:00 pm

When I drag the handles in the below slider shape, the roundslider goes up, How can I solve this problem?

Just select your Container object ("slider" in your sample app) and set overflow-x and overflow-y style properties to "visible"

roundslider - Forum

roundslider