Hi,
We are using telerik Rad Ajax Controls for our website, Technologies, ASP.NET, C#. We are using Visual Studio 2010 and framework 4.0 for our web application development.
Scenario is as follows,
We have .aspx page for showing personal information of user where we have used RadPanelBar to categorize the information. There are 6 RadPanelItem in RadPanelBar and user can save each panel information separately i.e. there is save button in every panel. And again there is Save button at the bottom (It is not in rad panel bar) of the page to save all the information in the form. HTML Tables are used to show controls/fields in each panel. Now when we click on save button either it is individual panel save button or save button at the bottom to save all the information the controls on that panel or some other panel controls get distorted. It not happens every time, but suddenly sometime on click of save button, controls of any other panel or same panel get distorted. I have given proper width to table and columns of the table and to controls also. Is it CSS ISSUE? Please help me out. Here is the code snippet for more understanding,<
telerik:RadPanelItem
runat
=
"server"
Text
=
"Host Country - Home Address"
Value
=
"HostAddr"
>
<
Items
>
<
telerik:RadPanelItem
runat
=
"server"
Value
=
"HostHomeAddress"
>
<
ItemTemplate
>
<
div
class
=
"text"
style
=
"background-color: #edf9fe"
>
<
table
cellpadding
=
"5"
cellspacing
=
"0"
border
=
"0"
width
=
"730px"
>
<
tr
>
<
td
align
=
"right"
colspan
=
"3"
style
=
"text-align: right;"
valign
=
"middle"
>
<
asp:CheckBox
ID
=
"primary_addr_checkbox3"
runat
=
"server"
OnClick
=
"UnCheckOther(this)"
/>
Mark as primary Mailing Address
</
td
>
</
tr
>
<
tr
>
<
td
colspan
=
"3"
>
<
asp:Label
ID
=
"lblmsgHostCHA"
runat
=
"server"
Font-Names
=
"Verdana"
></
asp:Label
>
</
td
>
</
tr
>
<
tr
>
<
td
align
=
"left"
valign
=
"top"
width
=
"width250px"
>
</
td
>
<
td
align
=
"right"
valign
=
"top"
>
<
asp:Button
ID
=
"btnSaveHostCHA"
runat
=
"server"
CausesValidation
=
"false"
OnClick
=
"btnSaveHostCHA_Click"
OnClientClick
=
"clearMsg()"
Text
=
"Save Changes"
/>
</
td
>
<
td
align
=
"left"
valign
=
"top"
>
</
td
>
</
tr
>
<
tr
>
<
td
align
=
"left"
valign
=
"top"
width
=
"width250px"
>
<
asp:Label
ID
=
"lblHostHomeCountry"
runat
=
"server"
AssociatedControlID
=
"ddlHostHomeCountry"
Font-Names
=
"Verdana"
ForeColor
=
"#696969"
Text
=
"Country"
></
asp:Label
>
</
td
>
<
td
align
=
"left"
valign
=
"top"
>
<
asp:DropDownList
ID
=
"ddlHostHomeCountry"
runat
=
"server"
AutoPostBack
=
"true"
DataTextField
=
"Name"
DataValueField
=
"ID"
Font-Names
=
"Verdana"
OnSelectedIndexChanged
=
"ddlHostHomeCountry_SelectedIndexChanged"
Width
=
"200px"
>
</
asp:DropDownList
>
</
td
>
<
td
align
=
"left"
valign
=
"top"
>
</
td
>
</
tr
>
<
tr
>
<
td
width
=
"width250px"
>
<
asp:Label
ID
=
"lblHostHomeStreet1"
runat
=
"server"
AssociatedControlID
=
"txtHostHomeStreet1"
Font-Names
=
"Verdana"
ForeColor
=
"#696969"
Text
=
"Street 1"
></
asp:Label
>
</
td
>
<
td
align
=
"left"
valign
=
"top"
>
<
asp:TextBox
ID
=
"txtHostHomeStreet1"
runat
=
"server"
CssClass
=
"textInput"
Font-Names
=
"Verdana"
MaxLength
=
"50"
Width
=
"200px"
></
asp:TextBox
>
</
td
>
<
td
align
=
"left"
valign
=
"top"
>
</
td
>
</
tr
>
<
tr
>
<
td
align
=
"left"
valign
=
"top"
width
=
"width250px"
>
<
asp:Label
ID
=
"lblHostHomeStreet2"
runat
=
"server"
AssociatedControlID
=
"txtHostHomeStreet2"
Font-Names
=
"Verdana"
ForeColor
=
"#696969"
Text
=
"Street 2"
></
asp:Label
>
</
td
>
<
td
align
=
"left"
valign
=
"top"
>
<
asp:TextBox
ID
=
"txtHostHomeStreet2"
runat
=
"server"
CssClass
=
"textInput"
Font-Names
=
"Verdana"
MaxLength
=
"50"
Width
=
"200px"
></
asp:TextBox
>
</
td
>
<
td
align
=
"left"
valign
=
"top"
>
</
td
>
</
tr
>
<
tr
>
<
td
align
=
"left"
valign
=
"top"
width
=
"width250px"
>
<
asp:Label
ID
=
"lblHostHomeCity"
runat
=
"server"
AssociatedControlID
=
"txtHostHomeCity"
Font-Names
=
"Verdana"
ForeColor
=
"#696969"
Text
=
"City"
></
asp:Label
>
</
td
>
<
td
align
=
"left"
valign
=
"top"
>
<
asp:TextBox
ID
=
"txtHostHomeCity"
runat
=
"server"
CssClass
=
"textInput"
Font-Names
=
"Verdana"
MaxLength
=
"50"
Width
=
"200px"
></
asp:TextBox
>
</
td
>
<
td
align
=
"left"
valign
=
"top"
>
</
td
>
</
tr
>
<
tr
>
<
td
align
=
"left"
valign
=
"top"
width
=
"width250px"
>
<
asp:Label
ID
=
"lblHostHomeState"
runat
=
"server"
AssociatedControlID
=
"ddlHostHomeState"
Font-Names
=
"Verdana"
ForeColor
=
"#696969"
Text
=
"State/Province"
></
asp:Label
>
</
td
>
<
td
align
=
"left"
valign
=
"top"
>
<
asp:DropDownList
ID
=
"ddlHostHomeState"
runat
=
"server"
DataTextField
=
"Name"
DataValueField
=
"StateProvinceID"
Font-Names
=
"Verdana"
Width
=
"200px"
>
</
asp:DropDownList
>
</
td
>
<
td
align
=
"left"
valign
=
"top"
>
</
td
>
</
tr
>
<
tr
>
<
td
align
=
"left"
valign
=
"top"
width
=
"width250px"
>
<
asp:Label
ID
=
"lblHostHomeZip"
runat
=
"server"
AssociatedControlID
=
"txtHostHomeZip"
Font-Names
=
"Verdana"
ForeColor
=
"#696969"
Text
=
"Zip/Postal Code"
></
asp:Label
>
</
td
>
<
td
align
=
"left"
valign
=
"top"
>
<
asp:TextBox
ID
=
"txtHostHomeZip"
runat
=
"server"
CssClass
=
"textInput"
Font-Names
=
"Verdana"
MaxLength
=
"20"
Width
=
"200px"
></
asp:TextBox
>
</
td
>
<
td
align
=
"left"
valign
=
"top"
>
</
td
>
</
tr
>
</
table
>
<
br
/>
</
div
>
</
ItemTemplate
>
</
telerik:RadPanelItem
>
</
Items
>
</
telerik:RadPanelItem
>
Thank you in advance.