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

grid inside multipage

1 Answer 63 Views
Grid
This is a migrated thread and some comments may be shown as answers.
MBEN
Top achievements
Rank 2
Veteran
MBEN asked on 05 Jun 2014, 12:08 AM
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>

1 Answer, 1 is accepted

Sort by
0
Venelin
Telerik team
answered on 09 Jun 2014, 07:44 AM
Hello,

I have answered to your question in the support ticket you sent (#826846). It would be best to continue the conversation there. In order to avoid duplicating threads I will close this one.

Regards,
Venelin
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
Tags
Grid
Asked by
MBEN
Top achievements
Rank 2
Veteran
Answers by
Venelin
Telerik team
Share this question
or