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

Controls in panel not rendering

1 Answer 191 Views
AsyncUpload
This is a migrated thread and some comments may be shown as answers.
Michael Secosky
Top achievements
Rank 1
Michael Secosky asked on 09 Jan 2014, 04:39 PM
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.

1 Answer, 1 is accepted

Sort by
0
Hristo Valyavicharski
Telerik team
answered on 14 Jan 2014, 03:31 PM
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
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
Tags
AsyncUpload
Asked by
Michael Secosky
Top achievements
Rank 1
Answers by
Hristo Valyavicharski
Telerik team
Share this question
or