This is a migrated thread and some comments may be shown as answers.

[Solved] grid inside multipage

1 Answer 156 Views

Grid

This is a migrated thread and some comments may be shown as answers.

MBEN asked on 05 Jun 2014, 12:08 AM

grid.png

gridedit.png

I am using radmultipage for a wizard.
I have a grid on one of the tabs.

My grid has a lot of spacing/padding when it renders. The grids on separate pages look fine, they just look broken inside a tabstrip.
Also my combobox images do not load properly in edit mode.

I have attached images for both.

Below is my grid declaration:

<telerik:RadGrid ID="rgContingentBeneficiary" runat="server" OnNeedDataSource="rgContingentBeneficiary_NeedDataSource"

OnInsertCommand="rgContingentBeneficiary_InsertCommand" OnUpdateCommand="rgContingentBeneficiary_UpdateCommand"

OnItemCreated="rgContingentBeneficiary_ItemCreated" OnDeleteCommand="rgContingentBeneficiary_DeleteCommand"

OnItemDataBound="rgContingentBeneficiary_ItemDataBound">

<MasterTableView Width="750px" CommandItemDisplay="Bottom" EditMode="EditForms" DataKeyNames="BeneficiaryID,BeneficiaryPercent">

<CommandItemSettings ShowRefreshButton="false" ShowExportToExcelButton="false" ShowExportToPdfButton="false"

ShowExportToWordButton="false" ShowExportToCsvButton="false" ShowAddNewRecordButton="true"

AddNewRecordText="Add New Beneficiary" />

<Columns>

<telerik:GridBoundColumn DataField="BeneficiaryID" UniqueName="BeneficiaryID" Display="false">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn HeaderText="Full Name" SortExpression="Beneficiary" UniqueName="Beneficiary"

ItemStyle-HorizontalAlign="Left" HeaderStyle-HorizontalAlign="Left" HeaderStyle-Width="44%"

ItemStyle-Wrap="true">

<ItemTemplate>

<%# Eval("Beneficiary")%>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Relationship" SortExpression="BeneficiaryRelationship"

ItemStyle-HorizontalAlign="Left" HeaderStyle-HorizontalAlign="Left" HeaderStyle-Width="30%"

UniqueName="BeneficiaryRelationship">

<ItemTemplate>

<%# Eval("BeneficiaryRelationship")%>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn HeaderText="Percentage" SortExpression="BeneficiaryPercentage"

HeaderStyle-Width="20%" UniqueName="BeneficiaryPercentage">

<ItemTemplate>

<telerik:RadNumericTextBox ID="txtBeneficiaryPercentage" runat="server" DbValue='<%# Eval("BeneficiaryPercentage") %>'

Type="Percent" BorderStyle="None" BackColor="Transparent" NumberFormat-DecimalDigits="1">

<ClientEvents OnBlur="Blur" OnFocus="Focus" />

</telerik:RadNumericTextBox>

</ItemTemplate>

<FooterTemplate>

<telerik:RadTextBox ID="txtFooterTotal" runat="server" BorderStyle="None" BackColor="Transparent">

<ClientEvents OnLoad="Load" />

</telerik:RadTextBox>

</FooterTemplate>

</telerik:GridTemplateColumn>

<telerik:GridEditCommandColumn ButtonType="ImageButton" EditText="Edit" CancelText="Cancel"

HeaderStyle-Width="3%" UniqueName="EditCommandColumn">

<ItemStyle />

</telerik:GridEditCommandColumn>

<telerik:GridButtonColumn ButtonType="ImageButton" ConfirmText="Delete this Beneficiary?"

HeaderStyle-Width="3%" CommandName="Delete" Text="Delete" UniqueName="DeleteColumn">

<ItemStyle HorizontalAlign="Center" />

</telerik:GridButtonColumn>

</Columns>

<EditFormSettings EditFormType="Template">

<PopUpSettings Modal="false" Width="650px" />

<EditColumn UniqueName="EditCommandColumn">

</EditColumn>

<FormTemplate>

<fieldset>

<legend><b>Current Designation</b></legend>

<table width="650px">

<tr>

<td colspan="6">

<asp:ValidationSummary ID="ValidationSummary1" runat="server" EnableClientScript="true"

DisplayMode="List" HeaderText="Please correct the errors below:" />

</td>

</tr>

<tr>

<td>

</td>

<td>

<asp:Label ID="Label1" runat="server" Text="Full Name:"></asp:Label>

</td>

<td>

<telerik:RadTextBox ID="txtFullName" runat="server" Width="150px" Text='<%# Eval("Beneficiary")%>'>

<ReadOnlyStyle ForeColor="DarkGray" />

</telerik:RadTextBox>

<asp:RequiredFieldValidator ID="reqFullName" runat="server" ControlToValidate="txtFullName"

Text="*" ErrorMessage="* Beneficiary Name is required"></asp:RequiredFieldValidator>

</td>

<td>

</td>

<td>

<asp:Label ID="Label3" runat="server" Text="Address 1:"></asp:Label>

</td>

<td>

<telerik:RadTextBox ID="txtAddress1" runat="server" Width="150px" Text='<%# Eval("Address1")%>'>

</telerik:RadTextBox>

</td>

</tr>

<tr>

<td>

</td>

<td>

<asp:Label ID="Label8" runat="server" Text="Relationship:"></asp:Label>

</td>

<td>

<telerik:RadComboBox ID="ddlRelationship" runat="server" LoadingMessage="Loading Relationship..."

DataSourceID="_dataSrcRelationship" DataTextField="BeneficiaryRelationship" DataValueField="BeneficiaryRelationship"

MarkFirstMatch="True" ToolTip="Select a Relationship" AllowCustomText="false"

Width="150px">

</telerik:RadComboBox>

<asp:RequiredFieldValidator ID="reqRelationship" runat="server" ControlToValidate="ddlRelationship"

Text="*" ErrorMessage="* Relation Type is required"></asp:RequiredFieldValidator>

</td>

<td>

</td>

<td>

<asp:Label ID="Label10" runat="server" Text="Address 2:"></asp:Label>

</td>

<td>

<telerik:RadTextBox ID="txtAddress2" runat="server" Width="150px" Text='<%# Eval("Address2")%>'>

</telerik:RadTextBox>

</td>

</tr>

<tr>

<td>

</td>

<td>

<asp:Label ID="Label7" runat="server" Text="Percentage:"></asp:Label>

</td>

<td>

<telerik:RadNumericTextBox ID="txtPercentage" Width="150px" runat="server" Text='<%# Eval("BeneficiaryPercentage") %>'

MinValue="0" MaxValue="100" MaxLength="4">

<NumberFormat DecimalDigits="1" />

</telerik:RadNumericTextBox>

<asp:RequiredFieldValidator ID="reqPercentage" runat="server" ControlToValidate="txtPercentage"

Text="*" ErrorMessage="* Percentage is required"></asp:RequiredFieldValidator>

</td>

<td>

</td>

<td>

<asp:Label ID="Label4" runat="server" Text="City:"></asp:Label>

</td>

<td>

<telerik:RadTextBox ID="txtCity" runat="server" Width="150px" Text='<%# Eval("City")%>'>

</telerik:RadTextBox>

</td>

</tr>

<tr>

<td>

</td>

<td>

<asp:Label ID="Label2" runat="server" Text="Birth Date/Trust Date:"></asp:Label>

</td>

<td>

<telerik:RadDatePicker ID="rdpBirthDate" runat="server" Width="150px" DbSelectedDate='<%# Eval("BeneficiaryBirthDate")%>'

MinDate="1/1/1900">

<ClientEvents OnDateSelected="OnDateSelected" />

<DateInput ID="DateInput1" runat="server">

<ClientEvents OnError="onDateError" OnBlur="onBlur" />

</DateInput>

</telerik:RadDatePicker>

<asp:CustomValidator runat="server" ID="cvBirthDate" ClientValidationFunction="CustomValidate"

Text="*" ErrorMessage="* Date should be valid and less than today's date." />

</td>

<td>

</td>

<td>

<asp:Label ID="Label5" runat="server" Text="State:"></asp:Label>

</td>

<td>

<telerik:RadComboBox ID="ddlState" runat="server" LoadingMessage="Loading State..."

DataSourceID="_dataSrcStateList" DataTextField="StateCode" DataValueField="StateCode"

MarkFirstMatch="False" ToolTip="Select a State" AllowCustomText="false" Width="100px">

</telerik:RadComboBox>

</td>

</tr>

<tr>

<td>

</td>

<td>

<asp:Label ID="Label9" runat="server" Text="SSN/Tax ID:"></asp:Label>

</td>

<td>

<telerik:RadTextBox ID="txtBeneficiarySsn" runat="server" Width="150px" Text='<%# Eval("BeneficiarySsn")%>'>

</telerik:RadTextBox>

</td>

<td>

</td>

<td>

<asp:Label ID="Label6" runat="server" Text="Postal Code:"></asp:Label>

</td>

<td>

<telerik:RadNumericTextBox ID="txtPostalCode" Width="150px" runat="server" Text='<%# Bind("PostalCode") %>'

MinValue="00001" MaxValue="99999">

<NumberFormat DecimalDigits="0" GroupSizes="5" />

</telerik:RadNumericTextBox>

</td>

</tr>

<tr>

<td colspan="4">

</td>

<td>

<asp:Label ID="Label12" runat="server" Text="Country:"></asp:Label>

</td>

<td>

<telerik:RadTextBox ID="txtCountry" runat="server" Width="150px" Text='<%# Eval("Country")%>'>

</telerik:RadTextBox>

</td>

</tr>

<tr>

<td colspan="6" style="text-align: center">

<br />

</td>

</tr>

<tr>

<td colspan="5" style="text-align: left">

</td>

<td style="text-align: left">

<telerik:RadButton ID="btnUpdate" runat="server" Text="OK" CommandArgument="Update record"

CommandName='<%# ((bool)DataBinder.Eval(Container, "OwnerTableView.IsItemInserted")) ? "PerformInsert" : "Update" %>'>

<Icon PrimaryIconUrl="../../App_Themes/Images/rbOk.jpg" PrimaryIconLeft="5"

PrimaryIconTop="4"></Icon>

</telerik:RadButton>

<telerik:RadButton runat="server" ID="btnCancel" CommandName="Cancel" CommandArgument="Cancel Edit"

Text="Cancel" CausesValidation="false">

<Icon PrimaryIconUrl="../../App_Themes/Images/rbCancel.jpg" PrimaryIconLeft="5"

PrimaryIconTop="4"></Icon>

</telerik:RadButton>

</td>

</tr>

<tr>

<td colspan="6" style="text-align: center">

<br />

</td>

</tr>

</table>

</fieldset>

</FormTemplate>

</EditFormSettings>

</MasterTableView>

</telerik:RadGrid>

[Solved] grid inside multipage

1 Answer, 1 is accepted