Notify drag and drop unsupported

[Jane]

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

[Princy]

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.