The ix-content is rendering under the ix-application-header and ix-menu

[marko033]

Prerequisites

• I have read the Contributing Guidelines.
• I have not leaked any internal/restricted information like screenshots, videos, code snippets, links etc.

What happened?

how can I position the menu on the left side and the page content on the right? Currently, the content is appearing below the menu component.
I use angular and create one component for header one for menu and then on right side from menu i want show contend of my pages.

What type of frontend framework are you seeing the problem on?

Angular (Standalone)

On which version of the frontend framework are you experiencing the issue?

@angular/core@20.3.0

Which version of iX do you use?

v3.2.0

Code to produce this issue.

<ix-application>
  <app-header />
  <app-menu />
  <ix-content>
    <router-outlet></router-outlet>
  </ix-content>
</ix-application>

[AndreasBerliner]

Hi @marko033
The ix-application component is designed to be used together with the ix-application-header and the ix-menu components. If you prefer to use your own components instead, please keep in mind that this is a flex layout with 'flex-direction: column'.