Notify drag and drop unsupported

2 posts, 0 answers
  1. Jane
    Jane avatar
    13 posts
    Member since:
    Aug 2013

    Posted 04 Sep 2013 Link to this post

    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
  2. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 05 Sep 2013 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top