Object options vs. 1.1.0 Full+Lite

An optional key value object that holds the component properties. The ng.Component class inherits the ng.PlugIn.options and all it's properties.

Properties

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.