Specifies in pixels the height and width of the space reserved for the range selector slider markers.
You can set a numeric value to this property. This value will be used as a width and height of both the left and right slider markers. You can also set individual values for a width and height, and make them similar or different for the left and right slider markers. To do this, specify placeholderSize as an object. When setting this object's properties, take into account the font size of the text displayed in the slider markers.
You may need to set this property, when you need to know the exact size of the dxRangeSelector widget elements in vertical and horizontal directions. For instance, this may be required when displaying an image in the background in a stretched mode. To get the background height, subtract the scale's placeholder height and the slider markers' placeholder height from the dxRangeSelector's height. To get the background width, subtract the placeholder widths of slider markers from the dxRangeSelector's width.
In this example, three range selectors are displayed. Here, the slider marker's placeholderSize option is used to reserve equal spaces for the slider markers so that the range selectors have equal widths of the main area. Uncheck the check box below to set the placeholderSize option to 'null'. In this case, the sizes of all range selector elements are calculated automatically.
Specifies the height of the placeholder for the left and right slider markers.
Both slider markers must have the same height. Set the height property to a numeric value to specify the height.
Specifies the width of the placeholder for the left and right slider markers.
You can set the same width for placeholders of both the left and right slider markers. In this instance, set a numeric value to this property. If you require to set different widths for the placeholders of the left and right slider markers, specify width as an object. Set its left and right properties.