Embedding Websites in Microsoft Dynamics 365 Finance & Operations (D365FO)

esterday, I worked on a small proof of concept (POC) to embed an external web page inside Microsoft Dynamics 365 Finance & Operations.

Initially, I thought the solution would require using an iframe. However, after some research, I discovered that WebsiteHostControl provides a much cleaner and more suitable approach.

The implementation is straightforward:

1. Create a custom form.
2. Apply the appropriate form pattern.
3. Add a Tab control with a Tab Page.
4. Add a Group control inside the Tab Page.
5. Set the Group control’s Width Mode and Height Mode properties to Size to Available.

From there, you can add the WebsiteHostControl to the group and configure it to display the required external web page within the D365 Finance & Operations form.

Overall, it turned out to be much simpler than I initially expected, and WebsiteHostControl is the recommended approach for hosting external web content inside a D365 F&O form.

Then add a website host
Set its properties auto declaration to true
and Height mode and Width Mode to size to available

Inside form Initialize method just give url

public class FormTest extends FormRun
{
    /// <summary>
    ///
    /// </summary>
    public void init()
    {
        super();

        WebsiteHostControl1.url("https://www.tech.alirazazaidi.com");
    }

}

On running the form it will look like this