Configuration size

Specifies the size of the widget in pixels.

Type: Object
Default Value: undefined

By default, the widget occupies the entire area of the parent container. If you need to set a particular size for the widget, different from the container's size, assign a height and width in pixels to height and width properties of the size object.

Using the size object, you can hide the widget. For this purpose, simply assign 0 to both the height and width of the widget.

Show Example:
jQuery

In this example, the size of the RangeSelector widget is set smaller than the size of the container. The container border is displayed.

<div id="rangeSelectorContainer" style="height:200px;max-width:700px;margin:0px auto; border: 1px dotted black"></div>
$(function () {
    $("#rangeSelectorContainer").dxRangeSelector({
        scale: {
            startValue: 0,
            endValue: 10
        },
        size: {
            height: 100,
            width: 500
        }
    });
});

height

Specifies the height of the widget in pixels.

Type: Number
Default Value: undefined

width

Specifies the width of the widget in pixels.

Type: Number
Default Value: undefined