Setting HighDpi Causes Pop-ups To Look Strange

[slane-ck]

I'm implementing CefSharp version 103.0.80.0 in my Winforms .net framework 4.8 app. I need to enable high dpi because otherwise there's a black border on the top and left of the browser control. I put Cef.EnableHighDPISupport() by my app startup, and I also added an app.manifest file with the following:

<asmv3:application>
    <asmv3:windowsSettings xmlns="http://schemas.microsoft.com/SMI/2005/WindowsSettings">
        <dpiAware>true/PM</dpiAware>
    </asmv3:windowsSettings>
</asmv3:application>

The black border disappears, but all of the popup forms in the app look strange, for example textboxes and buttons are getting cut off. Is there any way to make the high dpi only affect the browser control, not the whole form/app?

I've gone through https://github.com/cefsharp/CefSharp/wiki/General-Usage#high-dpi-displayssupport several times but haven't been able to fix this.

I've run the MinimalExample but since it only has the web browser as a control and no other popups, I couldn't see if it works the same way.

Thank you.

[amaitland]

I put Cef.EnableHighDPISupport() by my app startup, and I also added an app.manifest file with the following:

As you are using .Net 4.8 the suggested application is to configure DPI awareness in the app.config

IMPORTANT If you are targeting .Net 4.7 or above Microsoft reccommends configuring DPI Awareness via the app.config rather than app.manifest. Make sure to read High DPI support in Windows Forms for further details from Microsoft.

As per https://github.com/cefsharp/CefSharp/wiki/General-Usage#appmanifest

Remove the app.manifest entry and the call to Cef.EnableHighDPISupport() and use the app.config approach detailed at High DPI support in Windows Forms

I've gone through https://github.com/cefsharp/CefSharp/wiki/General-Usage#high-dpi-displayssupport several times but haven't been able to fix this.

There's more to read below the WPF section, make sure to read https://github.com/cefsharp/CefSharp/wiki/General-Usage#high-dpi-additional-info

[slane-ck]

I'm rethinking this and I think that the Winforms app that I'm trying to integrate CefSharp into has too many forms and is too complex to get the high DPI to work. I'd rather just leave the black border. Is there any way for me to get rid of the black border without using the high dpi setting? I tried changing the location of the control but it didn't help.

Thank you!

[amaitland]

then that should be in your documentation

If you feel there is a need for better documentation then please direct your request to Microsoft. They should be the ones providing better overall guidance on making applications DPI aware. It's not a CefSharp specific feature.

There's more to read below the WPF section, make sure to read https://github.com/cefsharp/CefSharp/wiki/General-Usage#high-dpi-additional-info

If you wish to keep your application unaware then that's an option, read the link I've already provided you.

[slane-ck]

Yes, I've switched to using the disable-gpu option and it seems to be working well. What's the difference between that and disable-gpu-compositing?

Thank you so much!

[amaitland]

If you have an app.manifest with the compatibility entries then should only need to disable-gpu-compositing

Best to leave GPU acceleration enabled wherever possible.

[slane-ck]

Got it, thank you for your time.