TWebSideMenu Usage

This is what I have done:

  1. Created a Web Project
  2. Dropped WebSideMenu on the form and set it's align to left
  3. Dropped TWebPanel and set it's align to client, border color to red, and alignment to left

When run the side menu overlaps the left side of the panel on collapsed and expanded states, and in the popup state panel overlaps the side menu.

I would like to have the menu on left side pushing the panel to the right adjacent to it in collapsed and expanded states and in popup state below the hamburger menu.

I would appreciate guidance to establish the desired behaviour.

Thanks.

What is displayed in the client area is set by the SideMenuItem.ContentControl property. So, assign this WebPanel you create to the default active item in the WebSideMenu.
The WebSideMenu will automatically handle the alignment.