Display a Form instead of an ApplicationFrame

[malcolm-silver-ice]

Continuing the discussion from Display a form instead of an overview:

@soeren-round-ridge

I hope it’s okay if I reopen the thread; if not, I’m happy to start a new one. This way, the questions stay close together.

I also want to display a FormModel alone, but without the ApplicationFrame. I’ve already done this—it cost me a week of my life and completely destroyed the upgrade path because I had to copy and adjust all the internal files so that I could render the form in my React component.

I just happened to stumble upon this by chance and would, of course, be happy if there’s a shorter way—preferably one that doesn’t break the upgrade path."

Hi @soeren-round-ridge, I’ve opened this new thread to continue the discussion.

[tim-deep-thread]

Hi @soeren-round-ridge,

hope I understand your use case correctly, but you can define a custom layout and either define your own implementation or even simpler: override the default ApplicationFrameLayout and provide a widgetMap with a custom applicationFrame widget. Here is an example, that just renders the content area:

const layoutProvider: FrameViews.LayoutProvider = name => {
	return name === "ApplicationFrame"
		? { component: CustomFrameLayout }
		: FrameFactories.layoutProvider(name);
};

function CustomFrameLayout(props: FrameViews.ApplicationFrameLayoutProps): ReactNode {
	return (
		<FrameViews.ApplicationFrameLayout
			{...props}
			widgetMap={{
				applicationFrame: NullApplicationFrame
			}}
		/>
	);
}

function NullApplicationFrame(props: ApplicationFrameProps): ReactNode {
	return ApplicationFrame.getContent(props.content);
}

[tim-deep-thread]

Turns out I just reinvented the Null layout. If you don’t need any features like header or sidebar using this layout should be more than enough. Changing the layout in your app model to “Null” should be all you have to do.