Support forums » Products » Ajax Uploader » How do one position file list

How do one position file list

  •  02-29-2012, 10:57 AM

    How do one position file list

    Reply Quote

    I am currently using ajax uploader on website i am in the progress of building.   I am using a custom browse for file / upload button which was easy to place.   I also centered the upload progress bar in the middle of my div.  However, the file list is not centered in my div.. How do, i center the file list?
     
    The Progress Bar
     
    The File List
     
     
    The Source Code
    1. <div style="float:left; margin:0px 0px 0px 0px; border:thin solid transparent; width:675px;" >     
    2.                    <p style="text-align:center; margin:0px;" >Select an image file on your computer (4MB max): </p>  
    3.                    <p style="text-align:center; margin:0px;" >  
    4.                        <asp:Image ImageUrl="~/Images/selectanimage.png"  runat="server" ID="Image1"  style="margin:10px auto 0px auto;" />  
    5.                    </p>  
    6.                       
    7.                    <div style="text-align:center; margin:0px auto 0px auto; width:400px; border:thin solid transparent; " >  
    8.                        <CuteWebUI:Uploader   ID="FileUploader1" ClientIDMode="Static" ProgressLabelStyle-CssClass="DialogLabel"  MaxFilesLimit="1" runat="server"  TempDirectory="~/UploaderTemp"    
    9.                         OnUploadCompleted="Uploader1_UploadCompleted" InsertButtonID="Image1" >  
    10.                        <ValidateOption AllowedFileExtensions=".png,.jpg,.bmp,.jpeg,.gif, ," />                    
    11.                        </CuteWebUI:Uploader  >  
    12.                        <asp:Button runat="server" ID="SubmitButton" OnClientClick="return submitbutton_click()" Text="Submit" style="display:none;"  />  
    13.                        <div style="clear:both;" ></div>  
    14.                    </div>  
    15.                     
    16.                    <asp:Panel ID="ImagePanel" ClientIDMode="Static" runat="server"   style="margin:10px auto 0px auto; padding:0px; border:thin solid transparent;  width:675px;" >      
    17.                        <p style="margin:10px 0px 0px 0px; text-align:center;" class="DialogLabel" >Crop the image area you wish to use as your button</p>    
    18.                           
    19.                        <p style="text-align:center; margin:0px;" >    
    20.                            <asp:Panel ID="ImageDiv"        ClientIDMode="Static" runat="server"  style="clear:both; margin:0px 0px 0px 0px;   border:thin solid black; background-image:url(../Images/workarea.png); " >             
    21.                            <asp:Image ID="resizebleImage"  ClientIDMode="Static" runat="server"  style="clear:both; margin:8px 0px 0px 10px;  border:thin solid red;"   />       
    22.                            </asp:Panel>     
    23.                        </p>  
    24.                    </asp:Panel>  
    25.                     
    26.              </div>  
View Complete Thread