Upload dialog won't display in Opera

[Matt]

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

[Paul]

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

[Matt]

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.

[Paul]

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

[Matt]

I'm using the AJAX version.

[Paul]

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