I have used out of the box sharepoint MasterPage and the ribbon buttons doesn't appear sometimes in chrome. Sometimes they will be disabled with grey color.
But works fine with Firefox and IE.
Any Idea....
Thanks in advance
Chrome is now apparently supported by SharePoint, although I continue to have similar issues as you describe, the farms I work with are not patched to the latest CU though so if this is really important to you check the patch level and apply any outstanding commulative updates.
http://blogs.technet.com/b/tothesharepoint/archive/2012/04/04/updates-to-plan-browser-support.aspx
Also check this, apparently you need SP1 to support it:
http://blogs.technet.com/b/mickd/archive/2011/07/27/service-pack-1-sp1-for-microsoft-sharepoint-foundation-2010-and-microsoft-sharepoint-server-2010-white-paper.aspx
You can use chrome extension that i mentioned here. I use it for datasheet view or if I need to login as a different user.
Related
Some change in recent Chrome versions (likely in June 2017) cause options in a <select> input to render much bigger than in other browsers (or in older versions of Chrome).
For example, dropdown on this w3schools page on some machines renders like this (Chrome 60.0.3112.90, 64 bit, Windows 10):
instead of expected (Firefox 55.0, 64-bit, Windows 10):
Is there any workaround that can be implemented in code to prevent it from happening (CSS solution preferred)?
So far I've found:
Discussion on Chrome product forums, which confirms that this is observed by many people, but there's no answer whether it was intentional or not. Also, observations were made that presence of touchscreen drivers in a system might cause this behaviour.
Chromium bug #739196 describing this issue, but also with no clear answer whether it's intentional or a Chromium bug
few answers suggesting that padding for <option>'s in a <select> can't be controlled via CSS by design, so this padding was never easy or possible to change.
Should be able to just add some CSS styling for the <option> tag to get it to look the way you want on most browsers.
http://jsfiddle.net/Ahreu/50/
The additional padding was added in Chrome 59 for any device that Chrome thinks has a touch interface. There currently is no way to disable this "feature".
Chrome shows two rows in Dropdown-menu
Google Chrome Help Forum
Observed same issue on Windows 10 + Chrome, with no actual touchscreen interface.
Uninstalling/installing "Synaptics Pointing Device" (touch pad on laptop) fixed the issue for me. As the other forums mentioned, it appears to be related to Chrome thinking it is on a touch enabled device. Worth a try to disable/re-install devices that may appear as such.
I have just completed a new Shopify website and used mainly Mozilla Firefox to put this together. I have been told by the client that the site doesn't show up properly in Chrome and Safari but when I have checked this on my 13" laptop they both appear fine on there and I was just wondering if anyone can give me any tips on how I can ensure that the site is working on all common browsers without having any issues.
Would appreciate any tips as I know there are paid websites to do this but just wondering if there is anything else that I can do to get this fixed.
If you to the safari developers "dropdown" in the status bar the is an option called "User agent" (the second one) from there you can "change" the browser.
Disclaimer: never actually used this function.
I believe that the best way to handle this would be to download and install all browsers to test.
There is a free service from the Microsoft dev site that gives you screenshots from a couple of different browsers and versions. Here is the link -> https://developer.microsoft.com/en-us/microsoft-edge/tools/screenshots/
It's not as good as installing all browsers to fully test everything but it can give you a rough idea if there's something wrong with css or something like that.
Your issue might be related to different browser versions. Double check to make sure that you are on the same version to see if you can reproduce the issue.
I'm working on a Asp.Net MVC3 application and am adapting it for keyboard accessibility compliance. I have the basic navigation working fine.
I'm going to be adding some shortcut keys. My problem is that I don't know which hot-keys I can safely use for all the major browsers. IE, FF & Chrome in my case. Is there a reference somewhere I can check?
Try this link I don't know if it's completely up to date but it appears to be a good reference for multiple browser keyboard shortcuts.
I am looking for a IE9 add on that will clearly show me any html and css validation errors without having to post my source to the w3c validator service.
I know this is possible in firefox (does anyone know what these extensions are called?), but I can't find any for IE.
When you say you dont want to post your source to w3c, if you mean you dont want to do it manually, you can use the F12 development tool in IE9, which posts and validates your source with a click.
If you dont want to send your source for some other reason, you can download the offline validator tidy from w3c.
Firebug in Firefox is also a great tool.
IE8 includes a "Developer Tools" feature, which does a lot of the same things as Firebug.
You can bring up the Developer Tools window by pressing F12.
I haven't installed the final version of IE9 yet, so I can't double check this still works, but I can't imagine any reason they would have removed it.
If that fails, you could try Firebug Lite. Although Firebug is a Firefox add-on, they do also supply a Lite version which is just a Javascript bookmarklet which can be run on any browser. It doesn't have as many features as the full Firebug, but it is handy for times when you don't have anything else. Get it from here: http://getfirebug.com/firebuglite
You can use Firebug Lite (http://getfirebug.com/firebuglite). The original Firebug was an add-on for firefox, but this version runs in all the major browsers and should give you the kind of debugging features you are looking for.
I'm using Chrome-compatible SRWare Iron 5.0.381 on XP, and was checking out what Chrome has to offer to developers, EG inspecting the contents of the DOM of a currently-loaded web page.
But when I hit CtrlShiftI, the bar is totally empty:
Does someone why this is? Do I need an add-on? Are there other Chrome-compatible tools I should know about?
It appears you’ve found a bug in that fork of Chromium. The inspector works just fine with Google.fr in the latest Google Chrome and Chromium builds. Why don’t you use one of these browsers.
Usually the reason of that is some problem in DevTools JS code.
It is a chance that problem will be solved by chrome restart.
Such kind of problems can happen when chrome is upgrading at background.
The other reason of that can be some changes which you made in DevTools.js.
Of cause if you have done some changes :)
You can troubleshoot such problem by another instance of DevTools.
As example you can try to load DevTools.html page into Safari, open WebInspector for it and check console messages.