dashboard-js-devexpress-dot-dashboard-dot-model-ecf813ee.md
Contains settings that allow you to adjust the height and width of a dashboard surface.
export class LayoutDimensionOptions extends SerializableModel
The LayoutOptions.height and LayoutOptions.width properties return the LayoutDimensionOptions object that contains settings for the width and height dimensions of a dashboard surface.
The following code snippet specifies the height and aligns the dashboard’s content horizontally:
Handle the DashboardControlOptions.onDashboardInitializing event and call the custom setLayout function:
function setLayout(e) {
if (e.dashboard.id == "dashboard2") {
e.dashboard.layoutOptions.width.mode("Auto");
e.dashboard.layoutOptions.height.mode("Fixed");
e.dashboard.layoutOptions.height.value(3000);
}
SerializableModel LayoutDimensionOptions
Initializes a new instance of the LayoutDimensionOptions class with specified settings.
constructor(
model?: any,
serializer?: DevExpress.Analytics.Utils.IModelSerializer,
info?: DevExpress.Analytics.Utils.ISerializationInfoArray
)
| Name | Type | Description |
|---|---|---|
| model | any |
A layout dimension model.
| | serializer | IModelSerializer |
An object used for dashboard deserialization. Do not pass this parameter directly.
| | info | ISerializationInfoArray |
An array of objects that provide serialization info.
|
Specifies whether a dashboard surface‘s height or width is fixed or adjusted to fit content.
mode: ko.Observable<DevExpress.Dashboard.Model.LayoutDimensionMode>
| Type | Description |
|---|---|
| Observable<LayoutDimensionMode> |
The dashboard layout mode.
|
Set the mode property to Fixed and use the value property to specify the dashboard surface’s height or width value in pixels. If the mode property is set to Auto, the dashboard dimension is automatically calculated to fit content.
Specifies a value of a dashboard surface‘s dimension.
value: ko.Observable<number>
| Type | Description |
|---|---|
| Observable<number> |
A value of the height or width dimension.
|
Set the mode property to Fixed and use the value property to specify the dashboard surface’s height or width value in pixels. If the mode property is set to Auto, the dashboard dimension is automatically calculated to fit content.