Can I have an HTML drag-and-drop input in Microsoft Edge? - html

We are adapting our product to Microsoft Edge. We have an HTML drag-and-drop feature that works correctly in IE, Chrome, etc.
Using Microsoft Edge from Win10 Insider Preview Build 10162, the drop is forbidden. We also checked http://html5demos.com/dnd-upload doesn't work neither.
Has anyone solved this problem?

Microsoft implemented this feature in EdgeHTML 13, included in Windows 10 Build 10586 (November 2015).
Original answer:
The DragAndDropEntries is not supported in Microsoft Edge yet. See this link for more detail
It says:
Allows dragging and dropping entire folders using HTML5 Drag and Drop. Extends the DataTransferItem with a method to get a FileEntry/DirectoryEntry.
Roadmap Priority: Low — We are still evaluating this technology. There may be significant spec stabilization, foundational work, or additional community input required before we can begin development."
However, feel free to request for this feature at
https://wpdev.uservoice.com/forums/257854-microsoft-edge-developer

I just tried it the demo on Microsoft Edge and it worked fine for me.

Related

Gyroscope doesn't work on Chrome

after multiple search, I can not find the answer, so I appeal to your knowledge. Since the last Chrome update on android, I can not use my gyroscope on virtual tours online anymore. My gyro includes my up and down motion but not right and left. Firefox is ok... Do you have more information?
Thx
It's a Chrome bug introduced in v65, as it appears from here bugs.chromium.org/. I'm using Chrome Beta to keep testing my work that uses the DeviceOrientation API since it works there. This also means that the bug will be fixed once the stable Chrome reaches v66 publicly.

How can I get SSRS and Chrome to work together?

Chrome is my preferred browser; I need to interact with SQL Server Reporting Services, though, and when I navigate to a report created with Report Builder (*.rdl file), in Chrome I get no contextual menu. When hovering over the report, it does "light up" (a yellow border is drawn around it) and a dropdown arrow appears in the NE corner, but clicking it does nothing whatsoever.
In IE, it works just fine. However, I really don't want to use IE if I don't have to.
Sharepoint has similar issues (things that can't be done in Chrome and Firefox work fine in IE). Do I just have to "bite the bullet" and use IE when interfacing with Microsoft products, or is there a way to use SSRS from Chrome?
The answer to this very much depends on the version of SQL Server Reporting Services being used, which you haven't mentioned.
In the upcoming SQL Server 2016 version, Chrome is a fully supported browser for interacting with Reporting Services.
However for earlier versions, the only non-IE browsers supported (or at least partially supported) are Firefox and Safari. Older versions support progressively fewer features for non-IE browsers.
This means unless you have SQL Server 2016, using Chrome for reporting services is going to mean compatibility issues. To work around this there are a couple of possible solutions:
1) In a corporate environment, consider using the Legacy Browser Support extension for Chrome - this requires Group Policy settings to force some URLs to open in an IE window.
2) Use the IE Tab extension in Chrome to render certain sites using the IE rendering engine, but inside a Chrome tab.

Overlapping tables in reportviewer

I have a reportviewer control to which I feed a SSRS report.
The report that gets generated is fairly large to fit in single view.
So when we see that report in reportviewer on Firefox 11+ or chrome 15+ the tables rendered are overlapped but it runs perfectly well in IE.
Is there any generic solution for these.
Refer Image:
I have some bad news for you, I'm afraid. Browser support outside IE in version 9.0.0.0 (the 2008 version) is... terrible. As Microsoft states on the corresponding MSDN page.
Internet Explorer is recommended if you want to use all of the available functionality. Although you can use other browsers to view a report, Internet Explorer is the only browser that is guaranteed to support the complete set of features used for working with reports.
With version 10.0.0.0 things improved. In our experience, they improved a lot. This MS blog post from 2009 also mentions this:
Significantly improved browser compatibility. We’ve put a huge amount of effort into improving our support across browsers. We’ve seen plenty of reports of extra scrollbars or other problematic renderings in Firefox, Safari, and standards mode in general. The initial feedback on these changes has been very positive.
The corresponding MSDN page on ReportViewer 10.0 is also quite a bit less "pushy" about users having to resort to IE. There's still a few things that are IE-specific (printing and zooming, for example).
We've experienced the same issues, such as overlapping tables... and then some. Trying to override the styles that were causing this turned out hard, if not impossible. However, just about all of those issues with layouting were gone after we upgraded to 10.0.0.0.
So, I started my answer with "I have some bad news", so here it is: AFAIK you can't reasonably solve these issues without upgrading to the newer Report Viewer.

Software/tool to test/check web-application in multiple browsers?

I am working in creating a website and I want to check in multiple browsers for Browser Compatibility test automatically by using Automated Test Tool. Do you guys know if there is any software/tool where I can just give a link and it loads the page in multiple browsers?
I've used Browser Shots before and it's ok if you don't mind waiting for an hour or two.
I'd also recommend checking out some of the links on Delicious.
You're looking for litmus, from the people who brought you doctype, part of the League of Justice. 14-day passes to test your layouts in 24 browsers currently cost $39.
I'm a fan of XenoCode's "Spoon Browser Sandbox" myself.
You can use Selenium RC (Selenium 1) or Selenium 2 (WebDriver) for automated test. But You have to record the test using Selenium IDE on Firefox browser and writing some tests on it. Selenium supports FF, Chrome, IE, Safari and Opera.
If the website is publicly visible then there are web based services that you can use such as http://crossbrowsertesting.com/.
If your website is internal only, then you're going to struggle to find support I think. We tried to find one but all we found were services that require a publicly visible website - no good for testing pre-go-live.
Are you talking about a compatible design or compatible JS? Because AJAX functionality is difficult to test with the usual cross-browser tools.
For the latter, look at httpUnit, though I'm not sure it can simulate multiple browsers.
There's Microsoft Expression Web SuperPreview, but I haven't tried it so can't comment on if it's good or not.
Their opening quote makes me laugh though, mainly because of how sucky IE6 is:
About 7 years ago, the browser wars
were over. Internet Explorer had
become the de facto standard, and for
a while, there were very few
compatibility issues in web page
design.
Check it out though, might be worthwhile. Especially if you are a .NET developer, however it might be useful to web developers in general.
Adobe has BrowserLab. It requires an Adobe account (free) and gives you Firefox 2.0 - 3.5 (WinXP, OSX), IE 6-8 (WinXP), Safari 3-4 (OSX) and Chrome 3.0 (WinXP).

Does IE7 have a "developer mode" or plugin like Firefox/Chrome/Safari? [duplicate]

This question already has answers here:
Closed 11 years ago.
Possible Duplicate:
Debugging JavaScript in IE7
Firefox has Web Developer plugin and Firebug for troubleshooting html/css/javascript issues. Google Chrome and Safari have a very similar console and right-click options for "Inspect Element".
Does IE7 have anything similar for troubleshooting layout/html/css issues?
Yes - The Internet Explorer Developer Toolbar
Download details: Internet Explorer Developer Toolbar
You can also use Firebug Lite, wich works on IE, Opera and Safari.
It's a Javascript implementation that you can load with a simple bookmarklet.
As SO doesn't allow Javascript, here is the bookmarklet source code (just copy paste to your browser location bar (always make sure it's safe before executing random javascript (In any case check the first link)))
javascript:var%20firebug=document.createElement('script');firebug.setAttribute('src','http://getfirebug.com/releases/lite/1.2/firebug-lite-compressed.js');document.body.appendChild(firebug);(function(){if(window.firebug.version){firebug.init();}else{setTimeout(arguments.callee);}})();void(firebug);
Firebug Lite supports all basic commands of Firebug.
I have also used Debug Bar.
Check out the IE Developer toolboar.
Web Development Helper
Web Development Helper is a free browser extension for Internet Explorer that provides a set of tools and utilities for the Web developer, esp. Ajax and ASP.NET developers. The tool provides features such as a DOM inspector, an HTTP tracing tool, and script diagnostics and immediate window.
Web Development Helper works against IE6+, and requires the .NET Framework 2.0 or greater to be installed on the machine.
Once installed, the tool can be activated using the Tools | Web Development Helper command. You can also customize your browser's toolbar to add a button for this command to facilitate frequest use. Clicking on the menu command or browser button brings up the tool's console window and set of commands.
Page Features:
DOM inspector allows viewing all elements, selected elements, or elements matching an ID or CSS class, their attributes and styles.
Capturing a screen shot of the current page.
Viewing page information such as metadata, tags, and linked resources. .......
unfortunately it seems microsoft have discontinued it, the page for the toolbar now just says 'We are sorry, the page you requested cannot be found.'
I reckon because its built into 8 they have removed it for download, and cant be bothered with helping out us devs who are forced to make our projects work in their more archaic browsers :'(
Also before anyone says it, IE8 compatability mode != IE7
There's a toolbar you can get but it still doesn't match up to Firefox, especially for javascript debugging.
IE8 will be a huge improvement for development.
The following is specifically for IE7, other versions are probably similar.
Here is the new link to the developmment tools from microsoft.(as of 4-26-2011) IE Development Tools
Once installed, you will need to enable the toolbar.
To Enable, click on Tools | Manage Add-Ons | Enable or Disable Add-ons, to enable the addon.
To add the icon to the IE Toolbar, right click on the IE menu | Customize Command Bar | Add or Remove Commands. Add the "< (arrow) >" icon.
Hope that helps.
You can also use IE watch, which is like firebug, but you need to buy it. It is a 30 days trail version.
Actually, the best add-on for developers to IE would be Fiddler. It has a number of features that the other browsers possess.