Controls in panel not rendering

2 posts, 0 answers
  1. Michael Secosky
    Michael Secosky avatar
    6 posts
    Member since:
    Feb 2005

    Posted 09 Jan 2014 Link to this post

    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"
        <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">
                    <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..." />    
                    <td style="vertical-align: bottom; padding: 0px 0px 10px 7px;">
                        <asp:Button ID="btnUpload" runat="server" Text="Upload"
                            meta:resourcekey="btnUploadResource1" />

    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"
                            <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."
                            <div style="padding-top: 15px;">
                                <asp:PlaceHolder ID="phUploadControl" runat="server"></asp:PlaceHolder>
                            <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" />

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

    Any help is appreciated.
  2. Hristo Valyavicharski
    Hristo Valyavicharski avatar
    975 posts

    Posted 14 Jan 2014 Link to this post

    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?

    Hristo Valyavicharski
    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.
  3. DevCraft R3 2016 release webinar banner
Back to Top