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

Controls under RadPanelItem get distorted on postback(Button Click)

0 Answers 62 Views
PanelBar
This is a migrated thread and some comments may be shown as answers.
Akshay
Top achievements
Rank 1
Akshay asked on 30 Nov 2012, 06:54 AM

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.

No answers yet. Maybe you can help?

Tags
PanelBar
Asked by
Akshay
Top achievements
Rank 1
Share this question
or