Controls in panel not rendering

[Michael Secosky]

I have an AsyncUpload control in a basic asp panel in a custom control that is also in a basic asp panel on the page.  The issue is that when i select a file to upload, the filename shows in the AsyncUpload control, but all other controls in the same panel (both for the custom control panel and the asp page panel) are no longer displayed on the page.

This issue only exists in Chrome, as IE and Firefox both maintain the display of all controls.

The only way I have been able to get around this is to add a function to postback to the page on the OnClientFileUploaded event of the AsyncUpload control to force the page to redraw, but this is not desired behavior.

The version of Telerik controls are: 2012.3.1308.40 and the version of Chrome that i am testing is: 31.0.1650.63 m.

This is my custom control:

<asp:Panel ID="pnlUploadControls" runat="server"
    meta:resourcekey="pnlUploadControlsResource1">
    <div class="grayText" style="padding-top: 15px;">
        <asp:Label ID="UploadInstructions" runat="server"
            Text="Browse to select a file, and click upload."
            meta:resourcekey="UploadInstructionsResource1" ></asp:Label></div>
    <div style="padding-top: 5px;">
        <table width="100%" border="0" cellpadding="0" cellspacing="0">
            <tr>
                <td style="width: 280px; vertical-align: bottom;padding: 0px 0px 4px 5px;">
                    <telerik:RadAsyncUpload ID="radUpload1" runat="server" Skin="Vista" Width="280px"
                     meta:resourcekey="radUpload1Resource1" MaxFileInputsCount="1"
                     OnClientValidationFailed="UploadValidationError" OnClientFileSelected=""
                        OnClientFileUploaded="" >
                        <%--OnClientFileUploaded="OnClientFileUploaded" PostbackTriggers="btnUpload" >--%>
                     <Localization Select="Browse..." />
                     </telerik:RadAsyncUpload>
                </td>
                <td style="vertical-align: bottom; padding: 0px 0px 10px 7px;">
                    <asp:Button ID="btnUpload" runat="server" Text="Upload"
                        meta:resourcekey="btnUploadResource1" />
                </td>
            </tr>
        </table>
    </div>
</asp:Panel>

and this is my page which uses a placeholder for the custom control that is assigned in the code behind:

<asp:Panel ID="pnlDocUpload" runat="server" Visible="False" meta:resourcekey="pnlDocUploadResource1">
                        <div class="popupTitle" style="padding-top: 20px;">
                            <asp:Label ID="lblSupportingDocuments" runat="server" Text="Supporting Documents"
                                meta:resourcekey="lblSupportingDocumentsResource1"></asp:Label>
                        </div>
                        <div class="instruction" style="padding-top: 5px;">
                            <asp:Label ID="lblActivityNeedsValidation" runat="server" Text="Your activity needs to be validated before credits are issued.  Below you can upload the required documents or indicate you will use another means to send them.  When your documents have been uploaded and/or sent, you must click the 'Submit for Validation' button.  Your activity will remain in the holding area until you submit."
                                meta:resourcekey="lblActivityNeedsValidationResource1"></asp:Label>
                        </div>
                        <div style="padding-top: 15px;">
                            <asp:PlaceHolder ID="phUploadControl" runat="server"></asp:PlaceHolder>
                        </div>
                        <div style="padding-top: 20px;">
                            <asp:Button ID="btnBackToActivityDetails" runat="server" Text="Back" OnClientClick="GotoActivityDetails();return false;"
                                meta:resourcekey="btnBackToActivityDetailsResource1" />
                            <asp:Button ID="btnSaveToHoldingArea" runat="server" Text="Send to Holding Area"
                                meta:resourcekey="btnSaveToHoldingAreaResource1" />
                            <asp:Button ID="btnSubmitForValidation" runat="server" Text="Submit For Validation"
                                meta:resourcekey="btnSubmitForValidationResource1" />
                        </div>
                    </asp:Panel>

All of the buttons and label are not displayed after uploading a file.

Any help is appreciated.

[Hristo Valyavicharski]

Hi Michael,

How do you make the second tab visible. I tried this and it worked at my side:

protected void btnUpload_Click(object sender, EventArgs e)
{
    pnlDocUpload.Visible = true;
}

Could this be a styling problem? Do you have any custom styles that hide this panel?

Regards,
Hristo Valyavicharski
Telerik