smart-html-elements

Slider Blazor API

Slider Properties

Name	Type	Default	Description
Coerce	bool	false	With the coerce property true and clicking the track, the thumb and value are moved and set to the nearest value allowed by the interval property.
CustomInterval	bool	false	Sets or gets whether custom ticks at (possibly) uneven interval will be plotted. The ticks to be plotted are defined with the property customTicks.
CustomTicks	int[]	new int[]{}	If customInterval is enabled, sets a list of ticks to be plotted. If coerce is set to true, the value will snap to these ticks.
DateLabelFormatString	string	"d"	Sets or gets the pattern which labels are displayed in when mode is 'date'.
DecimalSeparator	string	"".""	Sets or gets the char to use as the decimal separator in numeric values.
Disabled	bool	false	Enables or disables the widget.
EnableMouseWheelAction	bool	false	Enables or disables incrementing/decrementing the value using the mouse wheel in SmartSlider.
Interval	object	1	Determines what values the thumb snaps to.
Inverted	bool	false	Sets the direction of the slider. If is true - positions of the slider's begin and end are changed.
LabelFormatFunction	object	N/A	A callback function that can be used to format the values displayed on the slider labels and tooltip.
LabelsVisibility	LabelsVisibility	LabelsVisibility.All	Sets or gets the widget's label visibility.
Locale	string	"en"	Sets or gets the locale. Used in conjunction with the property messages.
LogarithmicScale	bool	false	Enables or disables the usage of logarithmic scale in the widget.
Max	object	100	Sets or gets the maximum value of the widget.
MechanicalAction	DragMechanicalAction	DragMechanicalAction.SwitchWhileDragging	Sets or gets the type of used mechanical action.
Messages	object	N/A	Sets or gets an object specifying strings used in the widget that can be localized. Used in conjunction with the property locale.
Min	object	0	Sets or gets the minimum value of the widget.
Mode	ScaleMode	ScaleMode.Numeric	Sets or gets whether the widget works with numbers or dates.
Name	string	""	Sets or gets the element's name, which is used as a reference when the data is submitted.
Orientation	Orientation	Orientation.Horizontal	Sets the orientation of the widget.
PrecisionDigits	int	N/A	Determines the number of digits after the decimal point. Applicable only when scaleType is 'integer'.
RangeSlider	bool	false	Enables or disables the slider to be in range mode. If is set to true, the range is represented between two thumbs.
Readonly	bool	false	When the slider is read only the users cannot drag or click in the fill of the slider.
RightToLeft	bool	false	Sets or gets the value indicating whether the element is aligned to support locales using right-to-left fonts.
ScalePosition	ScalePosition	ScalePosition.Near	Sets the position of the widget's scales.
ScaleType	ScaleType	ScaleType.FloatingPoint	Sets the type of the slider's scale.
ScientificNotation	bool	false	Enables or disables scientific notation.
ShowButtons	bool	false	Enables or disables displaying of the buttons.
ShowThumbLabel	bool	false	Enables or disables displaying of the thumb label.
ShowTooltip	bool	false	Enables or disables displaying of the tooltip.
ShowUnit	bool	false	Enables or disables displaying of the units.
SignificantDigits	int	N/A	Determining how many significant digits are in a number. Applicable only when scaleType is 'integer'.
Theme	string	""	Sets or gets the element's visual theme.
ThumbLabelPosition	Position	Position.Near	Sets or gets the position of the thumb label.
TicksPosition	TicksPosition	TicksPosition.Scale	Sets or gets the position of the ticks in SmartSlider widget.
TicksVisibility	TicksVisibility	TicksVisibility.Minor	Sets or gets the visibility of the ticks.
TooltipPosition	Position	Position.Near	Sets or gets the position of the tooltip in SmartSlider widget.
Unfocusable	bool	false	Sets or gets if the element can be focused.
Unit	string	"kg"	Sets or gets the name of unit used in SmartSlider widget.
Validation	Validation	Validation.Strict	Sets the value's validation by min/max. If 'strict' is applied, the value is always validated by min and max. If 'interaction' is applied, programmatic value changes are not coerced to min/max and if min/max are changed, resulting in the current value being out of range, the value is not coerced, and no change event is fired.
Value	object	0	Sets or gets the value of the SmartSlider widget. The property is used when the rangeSlider property is set to false.
Values	int[]	new int[]{}	Sets or gets the value of the SmartSlider widget. The property is used when the rangeSlider property is set to true.
WordLength	WordLength	WordLength.Int32	Sets or gets the word length. Applicable only when scaleType is 'integer'.

Slider Methods

Name	Type	Arguments	Description
GetOptimalSize	object	N/A	Gets the optimal size of the widget.
GetValueAsync()	Task<object>	'N/A'	Gets the "Value" property as Task<object>.
Refresh	void	'N/A'	Refreshes the Blazor Component. Performs a layout of the HTML Elements and recalculates the measurements.
Render	void	'N/A'	Re-renders the Blazor Component. This method will make a full re-render.
StateHasChanged	void	'N/A'	Refreshes the state and Re-renders the Blazor Component, if necessary.
Val	string	IEnumerable<object> value	Get/set the value of the slider. Args: IEnumerable<object> value - The value to be set. If no parameter is passed, returns the displayed value of the slider.
Val	string	N/A	Get/set the value of the slider.
Val	string	string value	Get/set the value of the slider. Args: string value - The value to be set. If no parameter is passed, returns the displayed value of the slider.
Val	string	int value	Get/set the value of the slider. Args: int value - The value to be set. If no parameter is passed, returns the displayed value of the slider.

Slider Events

Name	Type	Description	Event Detail
OnChange	EventCallback<Event>	This event is triggered when the value of the slider is changed.	dynamic value- A numeric value indicating the scroll position., dynamic oldValue- A numeric value indicating the previous scroll position.
Changed	event SliderChangedEventHandler	This event is triggered when the value of the slider is changed.	SliderChangedEventArgs