Toolbar disappears when viewing PDF HTML5 WebView2 - wpf

I am using a WebView2 control in a WPF application to show a PDF to the user
This is normally displayed with a nice little toolbar, all part and parcel of rendering a PDF in a WebView2 control, allowing the user to navigate to other pages, zoom in or out, rotate, etc.
However, we found that as the window gets a bit narrower at some point this toolbar simply disappears. Is there something we can do to stop this happening?

As the available space for the PDF toolbar shrinks the PDF toolbar shows fewer and fewer controls. This is also true in the browser. However, in the browser the minimum horizontal width of the browser window is a value at which the PDF toolbar is still visible.
I'm not sure if this behavior is by design or not. You can try opening a bug report about this on the WebView2 feedback repo.

Related

Absolute transparent web browser control, is it possible?

I'm creating a desktop Winforms or WPF app, but I'm using HTML/JS/CSS to create UI. So the simpliest solution is using a Web Browser control in a host window.
I want an absolute transparent web browser control now.
For example, I have DIV with 50% transparency, then I should see the Windows desktop icons through the DIV (The host form and web browser control should be transparent).
Is it possible?
Here are several possibilities
If you do not care about the size of browser window, you can set the Width and Height to 0.
If you want to have a specified browser window size, you can set the Left equals -Width and Top equals -Height.
Set the Parent of browser control to Null, so that the browser control will become invisible as well.
I prefer the second solution.

CSS3 Horizontal Dropdown Menu and Microsoft Silverlight Compatibility ... Mouseover / Hover Issues

I’m trying to deploy a CSS3-based horizontal navigation menu on a still-under-construction site I’m working on.
Hover or mouseover one of the menu’s titles and a drop-down menu appears. Move the mouse off of the title, or off of the list of dropdown items, and the menu collapses. So, the dropdown list of items stays open as long as it can ‘see’ the mouse pointer.
The menu features containers that allow for the presentation of content from the site, or even other sites. E.g., it can display images or entire webpages. I’m attempting to display an object created with Microsoft’s Silverlight platform. The object is embedded on another page of my site and, via php include, it plays well with the menu in all browsers I’ve tested it on … except Microsoft Internet Explorer 9. (Haven't tried IE10 yet.)
In the IE9 case, the Silverlight object appears as expected, but the dropdown menu collapses as soon as the mouse touches the displayed Silverlight object. I.e., the CSS3 menu loses sight of the mouse and the dropdown collapses the moment the mouse pointer touches the Silverlight object.
I haven't been able to find much in the way of help for this one.
Any thoughts or guidance are much appreciated. Thanks.

Background HTML visibiltiy in Silverlight Full Screen Mode

I am creating a page with Silverlight component and some HTML controls.
On enabling Silverlight's full screen, I am unable to view the background HTML controls. Even if I set the xaml's background to transparent.
Please let me know if it's possible to view the HTML controls in full screen mode of Silverlight or not.
Thanks
I doubt that such thing is possible, for security reasons, as the keybordsupport in Fullscreen is. It would enable you create such things as a app totally visible observing the movements.
But I might be wrong !
Fullscreen mode takes the content currently restricted to rectangle on hosts window (the Browser client area window) and displays it on full screen window. This full screen window is a new window and contains only the Siverlight content.
When silverlight is rendering in a windowless mode it is simply rendering directly on to the host window. When you got fullscreen mode in Silverlight you are not affecting the hosts window, fullscreen effectively suppends windowless mode as it needs a new window of its own to render on.

opening a silverlight childWindow overlay on the viewport of the browser

I would like place a silverlight contol on an HTML page --- something about the size of a typical calendar control. However when the user selects a day on the control a bigger canvas opens up on top of the containing page --- something like a modal dialog box that you might find with the AJAX.
I'm wondering if this is even possible with Silverlight, or is the silverlight content limited in size to the DIV element on the host page?
UPDATE: after doing some poking around, I think the answer will involve using the ChildWindow control introduced with Silverlight 3. However I'm still at a loss how to have the ChildWindow display ontop of the existing content
I know one way, you will need javascript event on the page itself to expand a silverlight object to fit the whole page then build you silverlight event accordingly.

How to force IE7 toolbars to always show

I have the developer toolbar for IE7, which is great when I want to inspect the page layout in a fashion similar to the functionality of firebug for firefox.
However I am working with a web site that opens a new window with the toolbars disabled, and I cannot access my dev toolbar button! Is there a way to force IE7 to always show the toolbar?
I don't believe you can.
You can recover the navigation toolbar (back, forward, address bar, search box) in a chromeless window (one opened without navigation toolbar, menus, other toolbars) by hitting F11, then F11 again, but that still doesn't give you access to the IE Developer Toolbar.
What will sometimes work is to hit CTRL+N while the new, chromeless window has focus. Doing that will open a new chromed (toolbars, menus, etc) to the same URL as the chromeless window. The trick won't work very well if the chromeless window URL is the result of a POST, or does a GET that modifies state in some way on the server.
I imagine that this happens because the pop-up window is opened using a javascript window.open() call specifying not to have the toolbars on the new window?
One possibility is opening the page source, finding the javascript call that opens the window, and pasting it into the address bar, modifying it to not disable toolbars.
For example, if the call currently looks like:
window.open(url, "newWindow", "toolbar=no,width=500,...");
Edit the address bar to read something like:
javascript:window.open(url, "newWindow", "toolbar=yes,width=500,...");
When you push enter on that, it should pop up the window just the same, but with toolbars.
IE8 has the dev toolbar built-in, so you can always access it via F12. Consider upgrading?

Resources