Hi everyone,
I would like to do the form “full-screen” behavior similar to this example in Widget showcase.
I am using app-model to render the overview and the form. I want to maximize the form to full-screen (and minimize it back to the right again).
Is there any idea how can i do that?
Thank you!
you can customize the Master Detail widget that is used in the client.
Currently, this can be done via the widgetMap prop of the MasterDetailRegionLayout component, where you can pass in your custom Master Detail widget.
You can find an example of how to customize a default Client layout in the Project Template, specifically in client/src/app/layoutProvider.tsx.
However, please note that this approach will be deprecated in the 2025.06-ext2 release. Instead, the client will then use a single widget map through which the different widgets can be customized—similar to the approach used by the Engines.
Here’s an excerpt from the upcoming documentation:
The ClientWidgetMap can be used to customize the Widgets that are rendered by A12 Client itself. Client internally uses a default variant of this map, but you can provide your own implementation containing your customizations via React Context. Then it will be used in place of the default one.
There will also be an example of how to customize how the MasterDetailRegionLayout component renders its MasterDetail widget, which should cover exactly your use case.
I’m not sure about your project’s upgrade plans or how urgent this feature is for you, but if possible, I’d recommend waiting until 2025.06-ext2 is released and implementing your customization using the new approach. This way, you can avoid having to refactor or migrate your code later.
I hope this helps!
Best regards,
Denise
Hello @quynh-wintry-root , I am a member of the Discourse team. I can see that there was a new response to your question on App-model MasterDetail Window size changed. Do you find it helpful, or should the question remain open?
Thanks ahead for your feedback and have a nice rest of the day!