Debugging Outlook Folder Web Page - debugging

How can I debug web page issues that only occur in the Outlook "Folder Web Page" browser window? I can't reproduce them in standalone IE. There is no F12 developer tools in Outlook, as far as I can tell.
For now, the problem is that icon fonts are not displayed in Outlook Folder Web Page browser window, while they are in IE, and I am trying to find the issue step-by-step.

Folder home page uses IE to render its contents ("Internet Explorer_Server").
Did you point the page to a network location? Or a resource file?

Related

Outlook contextual add-ins - download links are not working

I have contextual add-ins and when we click on highlighted text it will open a modal dialog, inside that it contains some link which can be downloaded. when we click on that link in web browser it works fine but when we tried on desktop outlook(Native) it is crashing.
In html i tried in 2 ways, one using anchor tag (<a href="" ng-href="api/rest/download....") and another using by blob (rest call) via angularjs.
Both ways are not working. Is this a limitation in Native outlook to not download any files or am i missing anything here?
Tried target=_blank and the result was same.
The contextual add-in dialog / card is not modal. It is transient dialog that gets closed when it loses focus. Clicking on a link to download a file will cause the dialog to lose focus and close. Also, to download a file, try the openBrowserWindow API. This will also close the contextual card.

Are there any changes in the WebView related APIs in UWP or UAP Windows app?

I am having a Windows 8.1 supported app, but now it is updated to the UWP/UAP (i.e. Windows 10) app.
After updating the custom URI scheme is not working, On a button click on the web page, we were using "navto://" custom URI scheme and handling were done in a js file. The button action was bind through the anchor tag.
From this approach, we navigate our web pages forward/backward or used to send a user to a particular web page.
But now this js file is being not called on the click of the same button and a System Popup appear saying "You will need a new app to open this navto link". For reference, please have a look at the attached screenshot of the error popup. If anybody is familiar with the issue, please suggest me the solution.
Actually I followed this page to migrating the app https://learn.microsoft.com/en-us/visualstudio/misc/migrate-apps-to-the-universal-windows-platform-uwp?view=vs-2015#MigrateCSharp
And also tried other options as well by googling but I haven't got any perfect solution yet.
Thanks

Replacing part of Outlook client's window with a custom form

I am developing a VSTO application for Outlook client. I am trying have my form open in the part of the Outlook client window which is highlighted in red in the following image:
I think I can't use the form regions because they replace the view for a single item.
So basically what I want to do is opening my custom form (windows or web) in the red area when I click my tool's button on the toolbar.
Any ideas how this can be done?
There are three main ways for displaying your own form there:
You can use the WebViewURL and WebViewOn properties of the Folder class for setting a web view state for the folder. Microsoft Outlook uses the rendering engine of the version Windows Internet Explorer installed on the client computer to display the web page. If Internet Explorer is not installed on the client computer, Outlook will not display the web page.
Create an adjucent Outlook window. See Creating Adjacent Windows In Outlook for more informaiton. Note, you need to have a deep understanding of Windows API to move that way, see SetWindowsHookEx.
Add-in Express provides a layout for the form out of the box. There is no need to invent a wheel in that case.
You will need to get down to the HWND level to insert your UI - see https://blogs.msdn.microsoft.com/stephen_griffin/2010/06/01/adjacent-windows-in-outlook/ and https://code.msdn.microsoft.com/OlAdjacentWindows/

Magento browse files button not working

Magento Upload Image Issue : When I click on "Browse Files" button to upload images for a product. It is not browsing files from my computer.
Try different browsers. I know sometimes I find, say, it won't work in Chrome but will in Firefox. It's all Flash related.
Magentos Flex uploader is based on Flash. If you cannot select files this usually means you don't have the Flash plugin activated in your browser.
Check that there are no javascript errors
You can use chrome developer console.
Basically to start using it just open website in chrome, right click on certain element and select "inspect element".
After that switch to console tab and reload the page.
More about it can be found here - https://developers.google.com/chrome-developer-tools/docs/console

How to add a Firebug Lite extension to Internet Explorer 7/8?

I've been trying to figure out how BrowserStack has added Firebug Lite as an extension to IE 7/8 but cannot seem to find anything that does this. See the image below and note how Firebug icon appears as button in the toolbar.
Can anyone tell me how to do this? I know how to add it to my Favorites, but I want the icon to appear in the toolbar along with the other buttons (by going to Tools -> Customize Toolbar)
It's a Browser Helper Object. The development steps are to add the icon, bind the click event to the browser, and inject the script content.
References
Mozilla ActiveX Control
Chrome Frame ActiveX Control
Browsium Catalyst FAQ
Measure Page Load Time BHO
Button Demo BHO
Building Browser Helper Objects with Visual Studio 2005
Customizing Internet Explorer with User Stylesheets

Resources