Controls under RadPanelItem get distorted on postback(Button Click)

1 posts, 0 answers
  1. Akshay
    Akshay avatar
    1 posts
    Member since:
    Nov 2012

    Posted 30 Nov 2012 Link to this post

    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.
Back to Top