Apolo Layout issue

Forum rules
Please note that response time for technical support is within 3-5 business days.
Post Reply
a-square
Posts: 1
Joined: 28 Apr 2018, 01:02

03 May 2018, 09:29

Hello,

we are in process of making apollo working for our functional needs. in order make login and dashboard functionalities working seamlessly, we have created 2 different layouts, one to display full page login and second one to display dashboard. we followed the example provided in 'viewtopic.php?f=45&t=51980&p=159238&hilit=login#p159238' forum post. we are able to make login and dashboard display working by including 2 layout components in app.module. As dashboard starts loading we are seeing following errors in console. is anyone experienced similar error, please let us know.

1. Error:

AppSubMenuComponent.html:25 ERROR TypeError: _co.app.isSlim is not a function
at Object.eval [as updateRenderer] (AppSubMenuComponent.html:26)
at Object.debugUpdateRenderer [as updateRenderer] (core.js:14678)
at checkAndUpdateView (core.js:13792)
at callViewAction (core.js:14138)
at execEmbeddedViewsAction (core.js:14096)
at checkAndUpdateView (core.js:13788)
at callViewAction (core.js:14138)
at execEmbeddedViewsAction (core.js:14096)
at checkAndUpdateView (core.js:13788)
at callViewAction (core.js:14138)

2. Full page for Layout for login page.

import { Component, ElementRef, ViewChild, AfterViewInit, OnDestroy } from '@angular/core';
import {ScrollPanel} from 'primeng/primeng';
import { CommonModule } from '@angular/common';


@Component({
selector: 'app-full-page-layout',
templateUrl: './full-page-layout.component.html'
})
export class FullPageLayoutComponent {

}

3. MainLayout to display dashboard. we moved all content of app.component.ts file into this file.

import { Component, ElementRef, ViewChild, AfterViewInit, OnDestroy } from '@angular/core';
import {ScrollPanel} from 'primeng/primeng';
import { CommonModule } from '@angular/common';


@Component({
selector: 'app-main-layout',
templateUrl: './main-layout.component.html'
})
export class MainLayoutComponent implements AfterViewInit {
............................

4. app.component.ts file content is replaced with below statement.

<router-outlet></router-outlet>

Thanks In advance.

merve7
Posts: 861
Joined: 12 Sep 2017, 10:44

28 May 2018, 11:01

AppSubMenu has app.isSlim() function.
This mean, AppSubMenu include

Code: Select all

  constructor(public app: AppComponent) { }

and app.component.ts file need to include ;

Code: Select all

    isSlim() {
        return this.menuMode === 'slim';
    }
Please check these codes.

Post Reply

Return to “Apollo - PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest