Upload dialog won't display in Opera

Thread is closed for posting
6 posts, 0 answers
  1. Matt
    Matt avatar
    39 posts
    Member since:
    Oct 2006

    Posted 15 May 2008 Link to this post

    I have a relatively simple upload control:

    <telerik:radupload id="multipleUpload" runat="server" initialfileinputscount="5" enablefileinputskinning="true" maxfilesize="0" skin="WebBlue" InputSize="50" Width="475px" ControlObjectsVisibility="None" />

    Everything works fine in IE and Firefox, but in Opera, clicking the Select button doesn't open up a file browser. Suggestions?

    Bill
  2. Paul
    Admin
    Paul avatar
    4281 posts

    Posted 16 May 2008 Link to this post

    Hi Bill,

    Please find below a modified version of the WebBlue skin that addresses the issue. Give it a try and let us know how it goes.

    /*RadUpload skin */  
     
    .RadUpload_WebBlue *  
    {  
        font-size:11px;  
        line-height:1.24;  
        font-family:arial,verdana,sans-serif;  
    }  
     
    .RadUpload_WebBlue .ruInputs,  
    .RadUpload_WebBlue .ruProgress  
    {  
        background:#f0f2f4;  
        padding:12px;  
    }  
     
    /*file inputs and buttons*/  
     
    .RadUpload_WebBlue .ruInputs  
    {  
        border:solid #97a2ae;  
        border-width:1px 2px 2px 1px;  
    }  
     
    .RadUpload_WebBlue .ruInputs li  
    {  
        margin:0 0 0.8em;  
    }  
     
    .RadUpload_WebBlue .ruInputs li.ruActions  
    {  
        margin:1.4em 0 0;  
    }  
     
    .RadUpload_WebBlue .ruFileWrap  
    {  
        padding-right:0.8em;  
    }  
     
    .RadUpload_WebBlue .ruCheck  
    {  
        top:1px;  
    }  
     
    .RadUpload_WebBlue .ruFileInput  
    {  
        height:21px;  
        top:0;  
        left:0;  
    }  
     
    @media all and (min-width:0px)   
    {  
        .RadUpload_WebBlue .ruFileInput  
        {  
            top:10px !important;  
        }  
    }  
     
    .RadUpload_WebBlue .ruStyled .ruFileInput  
    {  
        border:1px solid #afbec5;  
    }  
     
    .RadUpload_WebBlue .ruFakeInput  
    {  
        border:1px solid #afbec5;  
        background:#fff;  
        margin-right:-1px;  
        height:15px;  
        color:#596a7d;  
        padding-top:3px;  
    }  
     
    * html .RadUpload_WebBlue .ruFakeInput /*IE6*/  
    {  
        height:17px;  
        margin-top:-1px;  
        padding-top:1px;  
        padding-right:0.6em;  
    }  
    *+html .RadUpload_WebBlue .ruFakeInput /*IE7*/  
    {  
        height:17px;  
        margin-top:-1px;  
        padding-top:1px;  
        padding-right:0.6em;  
    }  
     
    .RadUpload_WebBlue .ruReadOnly .ruFakeInput  
    {  
        background:#f0f2f4;  
    }  
     
    .RadUpload_WebBlue .ruButton  
    {  
        width:68px;  
        height:21px;  
        border:0;  
        margin-left:0.8em;  
        padding:0;  
        background:url('Upload/ruButtonSmall.gif') 100% 0 no-repeat;  
        color:#fff;  
        font-weight:bold;  
        text-align:center;  
    }  
     
    .RadUpload_WebBlue .ruBrowse  
    {  
        width:67px;  
        margin-left:0;  
        background:url('Upload/ruBrowse.gif') 100% 0 no-repeat;  
    }  
     
    .RadUpload_WebBlue .ruActions .ruButton  
    {  
        width:115px;  
        margin:0 0.8em 0 0;  
        background:url('Upload/ruButtonMedium.gif') no-repeat;  
    }  
     
    .RadUploadSubmit_WebBlue  
    {  
        width:115px;  
        height:21px;  
        border:0;  
        margin:0;  
        padding:0;  
        background:url('Upload/ruButtonMedium.gif') no-repeat;  
        font:11px/1.24 arial,verdana,sans-serif;  
        color:#fff;  
        font-weight:bold;  
        text-align:center;  
    }  
     
    /*progress area*/  
     
    .RadUpload_WebBlue .ruProgress  
    {  
        border:solid #bcc3cb;  
        border-width:1px 3px 3px 1px;  
    }  
     
    .RadUpload_WebBlue .ruProgress li  
    {  
        margin:0 0 1em;  
        font-weight:bold;  
        color:#333;  
    }  
     
    .RadUpload_WebBlue .ruProgress li.ruCurrentFile  
    {  
        font-weight:normal;  
        color:#447ec1;  
    }  
     
    .RadUpload_WebBlue .ruProgress .ruBar  
    {  
        margin-bottom:0.4em;  
        height:21px;  
    }  
     
    .RadUpload_WebBlue .ruProgress .ruBar div  
    {  
        background:url('Upload/ruBar.gif') repeat-x;  
        height:21px;  
    }  
     
    .RadUpload_WebBlue .ruProgress .ruActions  
    {  
        margin:1.2em 0 0;  
    }  
     
    .RadUpload_WebBlue .ruProgress span  
    {  
        font-weight:normal;  
    }  
     


    Kind regards,
    Paul
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  3. Matt
    Matt avatar
    39 posts
    Member since:
    Oct 2006

    Posted 16 May 2008 Link to this post

    Changing the file /RadControls/Skins/WebBlue/Upload.WebBlue.css had no effect. In Opera I can see the button being clicked, but the file dialog still doesn't open.
  4. Paul
    Admin
    Paul avatar
    4281 posts

    Posted 17 May 2008 Link to this post

    Hello Bill,

    Could you please tell which version of RadUpload do you use - the "classic" or ASP.NET AJAX?

    Kind regards,
    Paul
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  5. Matt
    Matt avatar
    39 posts
    Member since:
    Oct 2006

    Posted 17 May 2008 Link to this post

    I'm using the AJAX version.
  6. Paul
    Admin
    Paul avatar
    4281 posts

    Posted 22 May 2008 Link to this post

    Hi Bill,

    In order to use the provided CSS you will have to modify the build-in WebBlue skin. For details on the matter please refer to this help article.

    Regards,
    Paul
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
Back to Top