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

Notify drag and drop unsupported

1 Answer 23 Views
AsyncUpload
This is a migrated thread and some comments may be shown as answers.
Jane
Top achievements
Rank 1
Jane asked on 04 Sep 2013, 04:33 PM
Hi

I added an asyncupload to my page with a custom drop zone. Since that feature is not fully supported by all browsers such as IE. So when the user access the page I would like to notify that the particular feature is not supported. Please help to achieve this.

Thanks and regards
Jane

1 Answer, 1 is accepted

Sort by
0
Princy
Top achievements
Rank 1
answered on 05 Sep 2013, 07:35 AM
Hi Jane,

Please have a look at the following code I tried to achieve your scenario.

ASPX:
<telerik:RadNotification ID="RadNotification1" runat="server" AutoCloseDelay="3000" Text="Your browser does not support Drag and Drop">
</telerik:RadNotification>
<div class="async-drop-zone">
    <telerik:RadAsyncUpload runat="server" ID="RadAsyncUpload1" DropZones=".DropZone1"
        MultipleFileSelection="Automatic" />
    <div class="DropZone1">
        <p>
            Custom Drop Zone</p>
        <p>
            Drop Files Here</p>
    </div>
</div>

JavaScript:
<script type="text/javascript">
    var $ = $telerik.$;
    function pageLoad() {
        if (!Telerik.Web.UI.RadAsyncUpload.Modules.FileApi.isAvailable()) {
            $find('<%=RadNotification1.ClientID %>').show();
            $(".async-drop-zone").hide();
        }
</script>

Thanks,
Princy.
Tags
AsyncUpload
Asked by
Jane
Top achievements
Rank 1
Answers by
Princy
Top achievements
Rank 1
Share this question
or