Holds an object with all settings for the Range directive.
Property Value
An Object. The default is null, stating that there are no custom settings applied.
Remarks
The object has the following fields:
- anchor - enumeration, specifies to which side the element will expand or shrink its size.
- factor - number, specifies the amount by which the anchored element will resize
- height - number, specifies the initial height of the element, in percents or pixels
- maxHeight - number, determines the maximum height the element can have
- maxWidth - number, determines the maximum width the element can have
- minHeight - number, determines the minimum height the element can have
- minWidth - number, determines the minimum width the element can have
- ref - string, specifies whether the element size changes are related to: parent, page or window
- width - number, specifies the initial width of the element, in percents or pixels
The anchor field accepts values from IntegralUIAnchorStyle enumeration:
- None - anchoring is disabled
- Top - element is anchored to the top side
- Right - element is anchored to the right side
- Bottom - element is anchored to the bottom side
- Left - element is anchored to the left side
You can have multiple anchor values applied, separatyed by OR '|' operator.
Version Information
Supported in: v1.0.
Articles & Samples
- Overview of IntegralUI Range for Angular
An overview of features included in Range directive for Angular. IntegralUI Range allows you set limits in which an element can resize during run-time, whenever a parent, page or window size changes. You can anchor elements to different sides of parent element: top, right, bottom, left or none.