Devexpress mvc4 grid width settings - asp.net-mvc

Question

I am trying to set the width of a DevExpress grid in percentage but the property is not available for me like it is in every example I see. I am using a MasterDetail grid Devexpress version 12.1
settings.Width = Unit.Percentage(100);
How can I set the width property for the whole grid to 100% and then also how would I set the same property for the colums. Here is my grid
#Html.DevExpress().GridView(
settings => {
settings.Name = "masterGrid";
settings.CallbackRouteValues = new { Controller = "InwardsGoods", Action = "GridViewMasterPartial" };
settings.SettingsEditing.AddNewRowRouteValues = new { Controller = "InwardsGoods", Action = "GridViewMasterAddNewPartial" };
settings.SettingsEditing.UpdateRowRouteValues = new { Controller = "InwardsGoods", Action = "GridViewMasterUpdatePartial" };
settings.SettingsEditing.DeleteRowRouteValues = new { Controller = "InwardsGoods", Action = "GridViewMasterDeletePartial" };
settings.KeyFieldName = "InwardsGoodsID";
settings.Columns.Add(column =>
{
column.FieldName = "CustomerID";
column.Caption = "Customer";
column.ColumnType = MVCxGridViewColumnType.ComboBox;
var comboBoxProperties = column.PropertiesEdit as ComboBoxProperties;
comboBoxProperties.DataSource = Model.CustomersList;
comboBoxProperties.TextField = "CustomerName";
comboBoxProperties.ValueField = "CustomerID";
comboBoxProperties.ValueType = typeof(int);
});
settings.Columns.Add(column =>
{
column.FieldName = "CustomerReference";
column.Caption = "Customer Reference";
});
settings.Columns.Add(column =>
{
column.FieldName = "TimberShadeReference";
column.Caption = "TimberShade Reference";
});
settings.Columns.Add(column =>
{
column.FieldName = "DateReceived";
column.Caption = "Date Received";
column.PropertiesEdit.DisplayFormatString = "d";
});
settings.Columns.Add(column =>
{
column.FieldName = "Comment";
column.Caption = "Comment";
});
settings.SettingsDetail.AllowOnlyOneMasterRowExpanded = true;
settings.SettingsDetail.ShowDetailRow = true;
settings.CommandColumn.Visible = true;
settings.CommandColumn.NewButton.Visible = true;
settings.CommandColumn.DeleteButton.Visible = true;
settings.CommandColumn.EditButton.Visible = true;
settings.SetDetailRowTemplateContent(c =>
{
Html.RenderAction("GridViewDetailPartial", new { inwardsgoodsID = DataBinder.Eval(c.DataItem, "InwardsGoodsID") });
});
//TO OPEN THE FIRST EDITABLE ROW
//settings.PreRender = (sender, e) =>
//{
// ((MVCxGridView)sender).DetailRows.ExpandRow(0);
//};
}).Bind(Model.InwardsGoods).GetHtml()

Answer 1

Ok so I found the answer. What I did to solve this was at the top of the cshtml page I added this using statement.
#using System.Web.UI.WebControls;