B4J Tutorial [SithasoDaisy5] How to use a DaisyUI Styled NoUISlider?

Hi Fam

I needed a range selector using NoUISlider that can be easily customized for DaisyUI5. Whilst this was done it had a few bugs and I could not use it fully in SD5. After burning some tokens Im comfortable in sharing this with the world.

Some other examples feature tooltips and also "pips"

After initialization, one is able to add it to a page using..

nosWarning.Initialize(Me, "nosWarning", "nosWarning")
    nosWarning.ParentID = "nosCol1"
    nosWarning.StartValues = "25,75"
    nosWarning.RangeMin = "0"
    nosWarning.RangeMax = "100"
    nosWarning.Connect = "true"
    nosWarning.Color = "warning"
    nosWarning.Size = "md"
    nosWarning.SliderType = "legend"
    nosWarning.Label = "Warning"
    nosWarning.Tooltips = False
    BANano.Await(nosWarning.AddComponent)

Trapping Events

Private Sub nosWarning_Change(Values As String)
    app.ShowToastSuccess(Values)
End Sub

That's it!

#SharingTheGoodness

 

[Mashiane]

This will be available in the next version of SD5!