Intersoft Community - WebGrid Enterprise - FileFoz and Chrome rendering or displaying issue

FileFoz and Chrome rendering or displaying issue

sjain — Tue, 25 Apr 2017 14:13:20 GMT

Hi Yudi,

Thanks for providing link to understand default behaviour of clipboard for Chrome and Mozilla browser. Although It seems that your provided link for granting javascript access to clipboard is not workable now.
I was searching clipboard functionality for chrome. I landed on 2015's sample page created by Matt Gaunt [https://developers.google.com/web/updates/2015/04/cut-and-copy-commands]. I used sample provided by Matt and found the copy on event is working in Chrome browser.

I put aspx page's code by slightly changing class name etc. On click on button text is copied in clipboard. May be intersoft already started support. if it is still not supporte then I believe that intersoft can use similar type of functionality to support Copy in Mozilla and chrome. 

thanks and regards
Sachin




<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm2.aspx.cs" Inherits="WebGrid10OnFirefoxAndChrome.WebForm2" %><!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function () {
            var copyEmailBtn = document.querySelector('.button');
            copyEmailBtn.addEventListener('click', function (event) {
                // Select the email link anchor text  
                var emailLink = document.querySelector('.largefont');
                var range = document.createRange();
                range.selectNode(emailLink);
                window.getSelection().addRange(range);

                try {
                    // Now that we've selected the anchor text, execute the copy command  
                    var successful = document.execCommand('copy');
                    var msg = successful ? 'successful' : 'unsuccessful';
                    console.log('Copy email command was ' + msg);
                } catch (err) {
                    console.log('Oops, unable to copy');
                }

                // Remove the selections - NOTE: Should use
                // removeRange(range) when it is supported  
                window.getSelection().removeAllRanges();
            });
        });
    </script>
    <style type="text/css">
        .largefont {
            color: #0066FF;
            font-family: arial;
            font-size: 18px;
        }

        .button {
            background-color: #4CAF50; /* Green */
            border: none;
            color: white;
            padding: 1px 1px;
            text-align: center;
            text-decoration: none;
            display: inline-block;
            font-size: 10px;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
        <div>
            <p><span class="largefont">Lorem Ipsum</span></p>
            <p>
                <button class="button">Click to Copy text</button></p>
        </div>
    </form>
</body>
</html>

FileFoz and Chrome rendering or displaying issue

yudi — Mon, 13 Mar 2017 04:50:39 GMT

The provided link worked. Thanks for help.

Glad to hear the good news.

The issue of Copy cell still exist for Chrome and Firefox. Is any solution exist for this also ? In IE copy cell and copy Row options working properly but not in FireFox and Chrome. For some reason it is also not working for live sample also.

This is limitation for non IE browser. Browser like Firefox will block access to the clipboard by default.

By default, JavaScript is not allowed to read or set your clipboard data for security and privacy reasons.This is because websites scripts can erase and replace what you currently have in your clipboard (data loss issue) and they can read whatever you have in your clipboard (security and privacy issue); as such, you should grant access with caution.

Source: http://kb.mozillazine.org/Granting_JavaScript_access_to_the_clipboard.

Hope this helps.

FileFoz and Chrome rendering or displaying issue

sjain — Tue, 07 Mar 2017 14:59:47 GMT

Hi Yudi,
              The provided link worked. Thanks for help.
               The issue of Copy cell still exist for Chrome and Firefox. Is any solution exist for this also ? In IE copy cell and copy Row options working properly but not in FireFox and Chrome. For some reason it is also not working for live sample also.
               I am attaching the screenshot for your reference. It would be good if this feature support Chrome and FireFox also.
regards
Sachin

FileFoz and Chrome rendering or displaying issue

yudi — Mon, 06 Mar 2017 04:10:56 GMT

... We found that your sample is working properly on Firefox and Chrome...

Glad to know that the sample helps.

... Can you provide latest hotfix dll's link ?...

The latest version of WebUI.NET Framework 3.0 is 3.0.5000.976 which can be downloaded from here. I recommend you to download and apply the hotfix then retest the reported problem.

Should the problem persist, please feel free to let me know. Look forward to hearing back from you.

FileFoz and Chrome rendering or displaying issue

sjain — Mon, 27 Feb 2017 15:03:49 GMT

Hi Yudi,
Sorry for delay in reply. Thanks for your sample.
We found that your sample is working properly on Firefox and Chrome. We checked detail and found that sample have IsNet.dll,ISNet.WebUI.dll and ISNet.WebUI.Resources.dll version as 3.0.5000.976; we were using 3.0.5000.975 which we got as hotfix; earlier version was 3.0.5000.969 .

Can you provide latest hotfix dll's link ?

We also found that for some reasons copy this cell/row/table are not working fo Chrome/Firefox for your provided sample or on live sample site; an alert appears(The function is not natively supported by the browser.). I attached screenshot of sample. Could you suuggest that how can we fix this because this feature is already working on IE?

regards
Sachin

FileFoz and Chrome rendering or displaying issue

yudi — Fri, 25 Nov 2016 05:04:49 GMT

Thank you for the sample (WebgridBrowserCompTesting.zip).

Please find my simple sample created based on WebgridBrowserCompTesting (aspx and aspx.cs file from WebgridBrowserCompTesting.zip). Per my test, WebGrid works without problem on Firefox 50.0 and Chrome 54.0 browser.

Should you have different result, please feel free to let me know.

FileFoz and Chrome rendering or displaying issue

sjain — Thu, 17 Nov 2016 13:47:28 GMT

Hi,

What settings are required to run webgrid in Chrome and FireFox.

Please see the attached sample. Issues are

1) For Chrome and FireFox no rows are displaying. Also webgrid footer is not displaying that how many records are available.
2) Although grid height set as 100% as suggested in earlier discussion (https://www.intersoftsolutions.com/Community/WebGrid/WebgridHeightissue/); it works for IE but not for Chrome and FireFox. Images are attached.

Don't know, Is it rendering issue, setting issue, CSS issue or something else?

regards

Sachin