I am creating a form where users will submit an application which will have many different documents attached. I've chosen to use the FileList, FileSelector, UploadConnector and UploadProgressDisplay controls separately on the page and link them, so I can have multiple areas where users can upload documents in different places on the form (there will be 3 total). I've been able to add the controls and link them correctly (as far as I know) with a single upload box and it mostly works.
The only problem is when I click to submit the form, the progress bar appears with the percent complete text, but it just reads "(calculating)" (the default message) and it never changes. The form evenetually finishes the submission and posts back but the progress bar never updates. Any help would be appreciated.
<div>
6) Submission of Application Materials
<div style="padding-top:8px;padding-bottom:8px;">
<kw:FileList ID="list1" runat="server" FileSelectorId="selector1" ValidExtensions=".txt,.doc,.docx,.zip,.pdf" >
<FileTemplate>
<div class="RemoveLink">
<kw:FileListFileName ID="FileListFileName1" runat="server" /> |
<kw:FileListRemoveLink ID="FileListRemoveLink1" runat="server">pick a different file</kw:FileListRemoveLink>
Abstract of thesis work to be presented [250 words or less]
</div>
<kw:FileListValidationMessage ID="FileListValidationMessage1" runat="server" ForeColor="Red" />
</FileTemplate>
</kw:FileList>
<kw:FileSelector ID="selector1" runat="server" MaxFiles="1">
<DownlevelTemplate>
<input type="file" /> Abstract of thesis work to be presented [250 words or less]
</DownlevelTemplate>
<UplevelTemplate>
<input type="button" value="Upload File" /> Abstract of thesis work to be presented [250 words or less]
</UplevelTemplate>
</kw:FileSelector>
<kw:UploadConnector OnUploadComplete="SlickUpload1_UploadComplete" runat="server"/>
</div>
</div>
<kw:UploadProgressDisplay ID="progressDisplay1" runat="server" ProgressInterval="1">
<ProgressTemplate>
<div style="border: 1px solid #008800; height: 1.5em; position: relative; width:300px;">
<kw:UploadProgressBarElement ID="UploadProgressBarElement1" ProgressDisplayId="progressDisplay1" runat="server" Style="background-color: #ee0000;
width: 0; height: 1.5em">
</kw:UploadProgressBarElement>
<div style="text-align: center; position: absolute; top: .15em; width: 100%">
<kw:UploadProgressElement ID="UploadProgressElement8" ProgressDisplayId="progressDisplay1" runat="server" Element="PercentCompleteText">
(calculating)</kw:UploadProgressElement>
</div>
</div>
</ProgressTemplate>
</kw:UploadProgressDisplay>