Devextreme-reactive: How to hide default component on AppointmentForm.BasicLayout

[Rakhisharma]

• [x] I have searched this repository's issues and believe that this is not a duplicate.

I'm using ...

• [ ] React Grid
• [ ] React Chart
• [x] React Scheduler

Description

How can I hide AppointmentForm.BasicLayout's default component elements( i.e: Title,dateEditor, More Information, AllDay, Repeat checkboxes)? I am successfully able to add custom components to the AppointmentForm using AppointmentForm.BasicLayout, but I am not able to hide the default elements that come's with AppointmentForm.BasicLayout in the AppointmentForm.

Is it possible to hide all those elements? Once user open's the appointment form, they should be able see a blank form / or only their custom component.

Environment

• devextreme-reactive: xxx
• react: xxx
• browser: xxx
• bootstrap: none
• react-bootstrap: none
• material-ui: none

[AryamnovEugeniy]

Hello!

If you do not want to use all of our default components inside the BasicLayout, you may choose not to use it at all. Like I've done here: https://codesandbox.io/s/condescending-chaum-9jlne?file=/demo.js. And after that, you can add to it anything you want.

Should you encounter any other problem, we will be happy to assist you!

[Rakhisharma]

Thank you very much. Example was really helpful! It's solves the problem.

[AryamnovEugeniy]

I am glad that it helped!