In Abp.io LeptopXLite theme on Angular, how to make the sidebar closed by default?

Issue

The Sidebar is open by default, is there a way to change its behavior and make it closed by default?

Solution

Hi here's the solution

import { Component, inject } from '@angular/core';
import { LayoutService } from '@volo/ngx-lepton-x.core';

@Component({
  selector: 'app-root',
  template: `
    <abp-loader-bar></abp-loader-bar>
    <abp-dynamic-layout></abp-dynamic-layout>
    <abp-gdpr-cookie-consent></abp-gdpr-cookie-consent>
  `,
})
export class AppComponent {
  protected readonly layoutService = inject(LayoutService);
  constructor() {
    this.layoutService.addClass('hover-trigger')
  }
}

Answered By - Masum ULU