LayoutItemBase.Width Property

Gets or sets the layout item width.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v18.2.dll

Declaration

C#

[DefaultValue(typeof(Unit), "")]
public virtual Unit Width { get; set; }

VB.NET

<DefaultValue(GetType(Unit), "")>
Public Overridable Property Width As Unit

Property Value

Type	Default	Description
Unit	String.Empty	A Unit value that specifies the width of the layout item.

Remarks

Important

• If the item width is specified in percents, the width is applied to the HTML element containing the item, i.e., to a table cell or div element. In this case, the item width is 100%.
• If the item width is specified in pixels, the width is applied to the item itself.

Note that the item container width can be more than the item width. It can be useful when creating a responsive layout.

Related GitHub Examples

The following code snippets (auto-collected from DevExpress Examples) contain references to the Width property.

Note

The algorithm used to collect these code examples remains a work in progress. Accordingly, the links and snippets below may produce inaccurate results. If you encounter an issue with code examples below, please use the feedback form on this page to report the issue.

C#

How-to-use-jQuery-Client-Validation/CS/DXWebApplication/DXWebApplication/Controllers/SettingsHelper.cs#L22

return itemSettings => {
    itemSettings.Width = Unit.Percentage(100);
    dynamic editorSettings = itemSettings.NestedExtensionSettings;

MVC-Data-Editors---Model-Validation/CS/CS/Controllers/HomeController.cs#L60

return itemSettings => {
    itemSettings.Width = Unit.Percentage(100);
    dynamic editorSettings = itemSettings.NestedExtensionSettings;

VB.NET

MVC-Data-Editors---Model-Validation/VB/CS/Controllers/HomeController.vb#L66

Return Sub(itemSettings)
           itemSettings.Width = Unit.Percentage(100)
           Dim editorSettings As Object = itemSettings.NestedExtensionSettings