Edit Angular Layout #7807

12 Answer(s)

• 

  0

  Anjali_Musmade created 3 months ago

  Support Team Support Team Member

  Hello,

  loginPage has a returnUrl parameter in MVC side. If you send a returnUrl parameter it should navigate to your URL

  And to hide side menu please check the similar issue if it helps you https://abp.io/support/questions/1664/Hide-menu-after-Login

  Thanks

  Save Cancel
• 

  0

  nabass created 3 months ago

  hi anji i followed your link it always open on my page not open login page for first time what i want to do is open login page as usual from home page and when login hide menu bar and direct open my page with controller for logout (just i want to hide red square) here is my html

  and this is ts and i noticed it is the same code into (home.ts)

  app.component

  Save Cancel
• 

  0

  Anjali_Musmade created 3 months ago

  Support Team Support Team Member

  Ok Let me check ...

  Save Cancel
• 

  0

  nabass created 3 months ago

  could you create sample like link you share with me (step by step) for doing that logic when running open login page as usual without side bar and when login open the page and side bar still hidden but logout is exist to logout any time could you because i have a lot of conflicts ???

  Save Cancel
• 

  0

  nabass created 3 months ago

  hi can anybody help me if anjali busy

  Save Cancel

  1
• 

  0

  nabass created 3 months ago

  OMG nobody can create sample to this logic and help me ?? wow !!

  Save Cancel
• 

  0

  Anjali_Musmade created 3 months ago

  Support Team Support Team Member

  Hello nabass,

  I apologize for the delay. Please allow some time I am working on it.

  Thanks

  Save Cancel
• 

  0

  Anjali_Musmade created 3 months ago

  Support Team Support Team Member

  Hello nabass,

  If you want to navigate the Pos page after logging in, add the code below to your app.component.ts In my example I have taken products page

  export class AppComponent implements OnInit {
  
  constructor(private authService: AuthService,
              private router:Router){}
  
  ngOnInit() {
  
    if(this.authService.isAuthenticated){
         this.router.navigate(['/products']);
    }
    else{
        this.router.navigate(['/']);
    }
  }
  }
  
  

  If you require I can share sample project too? please let me know if needed.

  I will give you a workaround to hide the sidemenu bar asap.

  Thanks,

  Save Cancel
• 

  0

  nabass created 3 months ago

  thanks it works i am waiting for next answer with solution of hiding sidemenue thanks again, :)

  Save Cancel
• 

  0

  Anjali_Musmade created 3 months ago

  Support Team Support Team Member

  Hello nabass,

  Thanks for updating.

  Now to hide side menu you need to implement AfterViewInit in app.component.ts file and add below code

  ngAfterViewInit(): void {
       if (!document.getElementById('lpx-wrapper').classList.contains('hover-trigger') && this.authService.isAuthenticated) {
        document.getElementById('lpx-wrapper').classList.add('hover-trigger');
        document.getElementById('lpx-wrapper').classList.add('initial-hover');
      }
    }
  

  now your app.component.ts file code will look like this

  It will result after login like

  I hope I answered your question.

  Thanks, Anjali

  Save Cancel
• 

  0

  nabass created 3 months ago

  it works thank you super :) i noticed that is hover is there a way to make it clickable

  Save Cancel
• 

  0

  Anjali_Musmade created 3 months ago

  Support Team Support Team Member

  Hello nabass,

  could you please accept the answer and close the ticket if your issue is resolved?

  Thanks

  Save Cancel