Add New Record within RadGrid

[Robert]

I am working with the RadGrid, which contains 22 columns.

All is OK, but when the Add New record button is pressed the following scenario occurs :

Due to the large number of columns, a semi-transparent bar runs across the middle section of the screen.  

With 22 columns, the Add New Record section takes up half of the screen.

I am writing to determine if it is possible to show a clear screen when adding a new record, as is the case when editing an existing record.

In Design time, i noticed the footer section is in the middle of the screen, and the Height of the RadGrid is set to 750 px.

The RadGrid skin is set to Default.

Thanks in advance for any insight!

Best regards, Rob

[Martin]

Hello Robert ,

I'm afraid that I'm unable to draw a clear picture of your scenario. Can you please provide some more details about your RadGrid settings or submit a code snippet containing the control's markup? You can also clarify a little bit more what the exact behavior you expected is.

Regards,
Martin
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Robert]

Setting skin = Default is a decent work-around, but below is the mark up.  Best regards, Rob


<

 

telerik:RadAjaxLoadingPanel runat="server" ID="RadAjaxLoadingPanel1"

 

 

EnableSkinTransparency="False" />

 

 

 

 

 

<telerik:RadGrid runat="server" ID="RadGrid1" AutoGenerateColumns="False"

 

 

 

 

 

AllowPaging="True" OnNeedDataSource="RadGrid1_NeedDataSource" OnUpdateCommand="RadGrid1_UpdateCommand"

 

 

 

 

 

OnItemCreated="RadGrid1_ItemCreated" OnDeleteCommand="RadGrid1_DeleteCommand"

 

 

 

 

 

OnInsertCommand="RadGrid1_InsertCommand"

 

 

AllowFilteringByColumn="True" AllowSorting="True" GridLines="None"

 

 

Height="750px" PageSize="50">

 

 

 

 

 

 

<FooterStyle BackColor="White" />

 

 

 

 

 

 

<MasterTableView DataKeyNames="Identification" CommandItemDisplay="Top"

 

 

InsertItemPageIndexAction="ShowItemOnCurrentPage" PageSize="100" >

 

 

 

 

 

<ExpandCollapseColumn>

 

 

 

 

 

<FooterStyle BackColor="White" />

 

 

 

 

 

</ExpandCollapseColumn>

 

 

 

 

 

<Columns>

 

 

 

 

 

<telerik:GridEditCommandColumn ButtonType="ImageButton" />

 

 

 

<telerik:GridBoundColumn DataField="Identification" HeaderText="Record ID" ReadOnly="true"

 

 

 

 

 

ForceExtractValue="Always" ConvertEmptyStringToNull="true" />

 

 

 

 

 

 

<telerik:GridBoundColumn DataField="PartType" HeaderText="Part Type" />

 

 

 

 

 

 

<telerik:GridBoundColumn DataField="PartNumber" HeaderText="Part Number" />

 

 

 

 

 

 

<telerik:GridBoundColumn DataField="PartEnglishDescription" HeaderText="Part English Description" />

 

 

 

 

 

 

<telerik:GridBoundColumn DataField="PartLongDescription" HeaderText="Part Long Description" />

 

 

 

 

 

 

<telerik:GridBoundColumn DataField="PartCountryOfOrigin" HeaderText="Part Country of Origin" />

 

 

 

 

 

 

<telerik:GridBoundColumn DataField="ScheduleB" HeaderText="ScheduleB" />

 

 

 

 

 

 

<telerik:GridBoundColumn DataField="HTSNumber" HeaderText="HTS Number" />

 

 

 

 

 

 

<telerik:GridBoundColumn DataField="PartSK" HeaderText="Part SKU" />

 

 

 

<telerik:GridBoundColumn DataField="PartWeight" HeaderText="Part Weight" />

 

 

 

 

 

 

<telerik:GridBoundColumn DataField="PrimaryUOM" HeaderText="Primary UOM" />

 

 

 

 

 

 

<telerik:GridBoundColumn DataField="SecondaryUOM" HeaderText="Secondary UOM" />

 

 

 

 

 

 

<telerik:GridBoundColumn DataField="FDAProductCode" HeaderText="FDA Product Code" />

 

 

 

 

 

<telerik:GridBoundColumn DataField="FDAStorage" HeaderText="FDA Storage" />

 

 

 

<telerik:GridBoundColumn DataField="FDAMfgID" HeaderText="FDA Mfg ID" />

 

 

 

 

 

 

<telerik:GridBoundColumn DataField="FDAShipperID" HeaderText="FDA Shipper ID" />

 

 

 

<telerik:GridBoundColumn DataField="FDAMarker" HeaderText="FDA Marker" />

 

 

 

 

 

 

<telerik:GridBoundColumn DataField="FDAACC1" HeaderText="FDA ACC1" />

 

 

 

 

 

 

<telerik:GridBoundColumn DataField="FDAQualifier1" HeaderText="FDA Qualifier 1" />

 

 

 

 

 

 

<telerik:GridBoundColumn DataField="FDAUOM1" HeaderText="FDA UOM 1" />

 

 

 

 

 

 

<telerik:GridBoundColumn DataField="FDAUoMFactor1" HeaderText="FDA UOM Factor 1" />

 

 

 

 

 

 

<telerik:GridBoundColumn DataField="PartMID" HeaderText="Part MID" />

 

 

 

 

 

 

<telerik:GridBoundColumn DataField="PartMfgName" HeaderText="Part Mfg Name" />

 

 

 

 

 

 

 

<telerik:GridButtonColumn ConfirmText="Delete this item?" ConfirmDialogType="RadWindow"

 

 

 

 

 

ConfirmTitle="Delete" ButtonType="ImageButton" CommandName="Delete" />

 

 

 

 

 

</Columns>

 

 

 

 

 

 

<EditFormSettings>

 

 

 

 

 

<EditColumn ButtonType="ImageButton" />

 

 

 

 

 

</EditFormSettings>

 

 

 

 

 

 

</MasterTableView>

 

 

 

 

 

 

<PagerStyle Mode="NextPrevAndNumeric" />

 

 

 

 

 

 

<ClientSettings EnableAlternatingItems="False">

 

 

 

 

 

<ClientEvents OnRowDblClick="rowDblClick" />

 

 

 

 

 

<Scrolling AllowScroll="True" UseStaticHeaders="True" />

 

 

 

 

 

</ClientSettings>

 

 

 

 

 

 

</telerik:RadGrid>

 

[Martin]

Hello Robert ,

I run your code locally and you can find the resulting grid in the attached image files. The name of each image corresponds to the mode in which the grid currently is. Please use them to additionally clarify what  you mean with the following sentences:

•  "a semi-transparent bar runs across the middle section of the screen"  

•  "I am writing to determine if it is possible to show a clear screen when adding a new record, as is the case when editing an existing record"

Regards,
Martin
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.