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:
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
>