iSeller Commerce
iSeller POS Retail
iSeller POS F&B
iSeller POS Express
Crosslight
WebUI
ClientUI
What's New
Download Trial
Web Solution
Mobile Solution
Enterprise Solution
Custom Development
Blog
Community
Latest Development Blogs
ForumPostTopic
Browse By Tag
Hi,
What settings are required to run webgrid in Chrome and FireFox.Please see the attached sample. Issues are1) 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
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.
... 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.
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.
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 regardsSachin<%@ 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>
or
Choose this if you're already a member of Intersoft Community Forum. You can link your OpenID account to your existing Intersoft Social ID.
Choose this if you don't have an Intersoft account yet. Your authenticated OpenID will be automatically linked to your new Intersoft account.
Enter your Wordpress Blogname