Object options vs. 1.1.1 Full+Lite

An option object that holds the Slider properties.

Properties

String type (Optional - Default: horizontal) vs. 1.1.1 Full+Lite
The Slider type. This can be horizontal, vertical or rectangle. If type is rectangle, all the integer values except for the num_thumbs, width and height can be an array if the width and height values are different (e.g. step can be 5 if both directions are the same or [1,5] for different values for the width and height).
Integer start (Optional - Default: 0) vs. 1.1.1 Full+Lite
The starting value for the slider. If type is rectangle, this can be either an integer (if both height and width start value is the same) or an array for the width and height starting values (e.g. [0, 25]).
Integer end (Optional - Default: 100) vs. 1.1.1 Full+Lite
The end value of the slider. If type is rectangle, this can be either an integer (if both height and width start value is the same) or an array for the width and height starting values (e.g. [100, 200]).
Mixed value (Optional - Default: null) vs. 1.1.1 Full+Lite
The current selected value. If there are more than one thumb, the values should be separated by the values_separator option. If this is null, the slider will use the input field value. If type is rectangle, the values for the width and height should be grouped together and separated by the rectangle_separator option.
Array values_array (Optional - Default: null) vs. 1.1.1 Full+Lite
An array of values to return instead of the slider value. For example, if the user is selecting between people names, this array can switch the integer value with the a person name (e.g. arr[0]='James'; arr[1]='Smith'; ...). This should be a single array even for the rectangle type.
String values_separator (Optional - Default: , (comma)) vs. 1.1.1 Full+Lite
For multiple thumbs, what character should separate the values.
String rectangle_separator (Optional - Default: : (colon)) vs. 1.1.1 Full+Lite
Since the rectangle type will return two values (x and y), what character will separate these two values.
Array range_off (Optional - Default: null) vs. 1.1.1 Full+Lite
An array of start and end arrays to block the selection (e.g. [ [10, 15], [55, 75] ] ). If type is rectangle, the start and end values should be arrays (e.g. [ [ [10, 15], [20, 25] ] ] this will start block from x = 10 to x = 15 and from y = 20 to y = 25).
Integer step (Optional - Default: 1) vs. 1.1.1 Full+Lite
How much does the value increase as the user slide up or down. If type is rectangle, this can be either an integer (if both height and width step value is the same) or an array for the width and height starting values (e.g. [1, 5]).
Integer width (Optional - Default: 200) vs. 1.1.1 Full+Lite
What's the slider width.
Integer height (Optional - Default: 200) vs. 1.1.1 Full+Lite
What's the slider height.
Integer num_thumbs (Optional - Default: 1) vs. 1.1.1 Full+Lite
How many thumbs should the slider include.
Boolean fill (Optional - Default: true) vs. 1.1.1 Full+Lite
Should the selected area be filled by a different color or stay blank.
String css_prefix (Optional - Default: ng_slider_) vs. 1.1.1 Full+Lite
The CSS prefix to use in all the class names.
String thumb_image (Optional - Default: null) vs. 1.1.1 Full+Lite
The image to use for the thumbs.
String slider_image (Optional - Default: null) vs. 1.1.1 Full+Lite
The image to use in the slider button.
String slider_image_disabled (Optional - Default: null) vs. 1.1.1 Full+Lite
The image to use in the slider button when disabled.
Boolean show_value (Optional - Default: true) vs. 1.1.1 Full+Lite
Either to show the current mouse position value (in a small bubble) or not.

Inherit Options from ng.Component (options)

HTML_Element input (Optional - Default: Null) vs. 1.1.0 Full+Lite
An input field that is associated with the component. Focusing or clicking on this HTML Element will show the component.
String placement (Optional - Default: aaaa) vs. 1.1.0 Full+Lite
As of version 1.1.3, the default is set to aaaa which is an automatic placement based on the input field placement on the view port and the language. A string that represents the placement of the component. It consists of four letters to define the position of the component in relation to the input field. The letters are defined as the following:
  • First letter: The top or bottom of input field (either t or b)
  • Second letter: The left or right of the input field (either l or r)
  • Third letter: The top or bottom of the component (either t or b)
  • Fourth letter: The left or right of the component (either l or r)
For example, the value bltl will place the component top left position on the input bottom left position. From version 1.1.2 and below the default is bltl (for RTL languages brtr).
Boolean visible (Optional - Default: false) vs. 1.1.0 Full+Lite
Is the component always visible or does it appear and disappear based on the user interaction.
Object offset (Optional - Default: {x:0, y:0}) vs. 1.1.0 Full+Lite
An x and y object on how far to offset the component from the input and placement position (e.g. {x:5, y:5});
Button button (Optional - Default: Null) vs. 1.1.0 Full+Lite
An optional button that will toggle the component when clicked.
Component parent (Optional - Default: Null) vs. 1.1.0 Full+Lite
If the component is nested within other component, the parent should be included in this option. This option allow opening and closing sub components without changing the parents status.
Boolean disabled (Optional - Default: false) vs. 1.1.0 Full+Lite
True or false if the component should be disabled or not.
Boolean open_onfocus (Optional - Default: true) vs. 1.1.0 Full+Lite
Should the component be opened when the user focus on the input field.
Boolean open_onclick (Optional - Default: true) vs. 1.1.0 Full+Lite
Should the component be opened when the user clicks on the input field.
String button_ui_class Required vs. 1.2.0 Full+Lite
An optional class name to add to the component's buttons. This allow to change the color of the buttons for different components.
Integer responsive_top (Optional - Default: Null) vs. 1.2.1 Full+Lite
A fix top position for components in responsive layout. If set to null, the component will be centered on the screen. If the value is below 15, it will automatically changed to 15 (to keep the close button visible).
Integer responsive_left (Optional - Default: Null) vs. 1.2.1 Full+Lite
A fix left position for components in responsive layout. If set to null, the component will be centered on the screen.
Boolean is_moving_input (Optional - Default: false) vs. 1.2.1 Full+Lite
A read only value that indicates if the input fields is being moved from the normal position to the responsive position. This value should be checked if the input field has a blur event that change the component status because when the element is moved, some browsers trigger the blur event. For example: if (this.p.is_moving_input) return
String buttons_color (Optional - Default: transparent (Configuration value)) vs. 1.1.0 Full+Lite. Deprecated in vs 1.2.0
As of version 1.2.0, this option is deprecated and will be removed in version 1.2.5. The color of the created by the calendar.
String buttons_over_color (Optional - Default: #ffd06e (Configuration value)) vs. 1.1.0 Full+Lite. Deprecated in vs 1.2.0
As of version 1.2.0, this option is deprecated and will be removed in version 1.2.5. The color of the buttons when the mouse is over them.
String buttons_down_color (Optional - Default: Null (Configuration value)) vs. 1.1.0 Full+Lite. Deprecated in vs 1.2.0
As of version 1.2.0, this option is deprecated and will be removed in version 1.2.5. The color of the buttons when the user click on them.
String buttons_checked_color (Optional - Default: #f5be5b (Configuration value)) vs. 1.1.0 Full+Lite. Deprecated in vs 1.2.0
As of version 1.2.0, this option is deprecated and will be removed in version 1.2.5. The color of the calendar buttons when the component is opened.
String buttons_disable_color (Optional - Default: Null (Configuration value)) vs. 1.1.0 Full+Lite. Deprecated in vs 1.2.0
As of version 1.2.0, this option is deprecated and will be removed in version 1.2.5. The color of the buttons when the calendar is disabled.
Boolean button_light_border (Optional - Default: false (Configuration value)) vs. 1.1.4 Full+Lite. Deprecated in vs 1.2.0
As of version 1.2.0, this option is deprecated and will be removed in version 1.2.5. True or false to use a light border around the buttons. By default, the border is darker color of the button color, but if this is set to true, the border color is lighter. This is useful when the button is dark and the page background is dark as well.
Boolean buttons_gloss (Optional - Default: true (Configuration value)) vs. 1.1.0 Full+Lite. Deprecated in vs 1.2.0
As of version 1.2.0, this option is deprecated and will be removed in version 1.2.5. To show a gloss reflection on the button or not.

Inherit Options from ng.PlugIn (options)

HTML_Element object (Optional - Default: Null) vs. 1.1.0 Full+Lite
The HTML Element that will hold all the plugin output and handle all the events. By default, an new DIV will be created at the bottom of the body.
String language (Optional - Default: en (Configuration value)) vs. 1.1.0 Full+Lite
The default plugin language.