This is a migrated thread and some comments may be shown as answers.

Kendo upload in jquery dialog bug

2 Answers 322 Views
Upload
This is a migrated thread and some comments may be shown as answers.
Plamen
Top achievements
Rank 1
Plamen asked on 20 Oct 2011, 04:48 PM
Hi,

I am trying to put kendo upload in jquery dialog and with the new Beta2 it is not working. No js error and nothing happens when you click on the select button. It was working before Beta2 release. Just copy/paste the following sample code:

<html>
<head>
    <title>Kendo Upload in JQuery Dialog</title>        
    <link href="http://cdn.kendostatic.com/2011.3.1007/styles/kendo.common.min.css" rel="stylesheet" />
    <link href="http://cdn.kendostatic.com/2011.3.1007/styles/kendo.blueopal.min.css" rel="stylesheet" />    
    <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/themes/base/jquery-ui.css" type="text/css" media="all" />
    <link rel="stylesheet" href="http://static.jquery.com/ui/css/demo-docs-theme/ui.theme.css" type="text/css" media="all" />
    <script type='text/JavaScript' src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
    <script type='text/JavaScript' src="http://cdn.kendostatic.com/2011.3.1007/js/kendo.all.min.js"></script>
    <script type='text/JavaScript' src='https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js'></script>    
</head>
<body>
    <div id='dialog'><input name='files' id='files' type='file' /></div>
</body>
</html>
<script type="text/javascript">
    $(document).ready(function () {
        $("#files").kendoUpload({
            async: {
                saveUrl: "test.ashx",
                removeUrl: "test.ashx",
                autoUpload: true
            }
        });

        var dlg = $("#dialog");                
        dlg.dialog({
            title: "Test",
            width: 350,
            height: 210,
            bgiframe: true,
            modal: true,
            autoOpen: true
        });        
    });  
</script>

Kind Regards,
Plamen

2 Answers, 1 is accepted

Sort by
0
T. Tsonev
Telerik team
answered on 21 Oct 2011, 09:08 AM
Hello,

The z-index of the dialog seems to be higher than the one of the Upload. Increasing it should do the trick:

.k-upload-button input { z-index: 10000 }

I hope this helps.

Greetings,
Tsvetomir Tsonev
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Plamen
Top achievements
Rank 1
answered on 21 Oct 2011, 10:41 PM
Hi,

Thanks, that solved the problem.


Kind Regards,
Plamen
Tags
Upload
Asked by
Plamen
Top achievements
Rank 1
Answers by
T. Tsonev
Telerik team
Plamen
Top achievements
Rank 1
Share this question
or