Our pure JavaScript Scheduler component


Post by mariusssl »

Hi all,

we´re in our trial and after several hours of investigating why the hell the scheduler does render in the example but not in our application, we found the culprit: It does not work together with MatSidenavModule. I´ve attached an example based on the angular-11-router example. I just added the angular material deps to the project.

Thanks for help - we really want to use this library in our project ;).

Does work:

        <bryntum-demo-header
            link = "../../../../../../examples/#example-examples-scheduler-frameworks-angular-angular-11-routing"
            title = "Angular 11 Routing demo"
        ></bryntum-demo-header>
        <div class = "demo-toolbar">
        <button
            class = "b-button b-grey"
            routerLinkActive = "b-pressed"
            [routerLink] = "['/home']"
        >Home</button>
        <button
            class = "b-button b-grey"
            routerLinkActive = "b-pressed"
            [routerLink] = "['/scheduler']"
        >Scheduler</button>
        </div>

    <router-outlet></router-outlet>

Does not work:

<mat-drawer-container class="example-container" autosize>
    <mat-drawer #drawer class="example-sidenav" mode="side">
        side
    </mat-drawer>
        <bryntum-demo-header
            link = "../../../../../../examples/#example-examples-scheduler-frameworks-angular-angular-11-routing"
            title = "Angular 11 Routing demo"
        ></bryntum-demo-header>
        <div class = "demo-toolbar">
        <button
            class = "b-button b-grey"
            routerLinkActive = "b-pressed"
            [routerLink] = "['/home']"
        >Home</button>
        <button
            class = "b-button b-grey"
            routerLinkActive = "b-pressed"
            [routerLink] = "['/scheduler']"
        >Scheduler</button>
        </div>

    <router-outlet></router-outlet>
</mat-drawer-container>
Attachments
angular-11-routing.zip
Example
(1.63 MiB) Downloaded 46 times
works
works
Screenshot 2021-05-19 at 13.44.53.png (223.41 KiB) Viewed 465 times
does not work
does not work
Screenshot 2021-05-19 at 13.44.27.png (82.31 KiB) Viewed 465 times

Post by mats »

Any warnings in the console? Looks like you have not sized the component properly.


Post by lmsitsolutions »

Hi mariussl! Have you ever fixed this problem? We face the same issue, the html of the scheduler is not loaded when the page is refreshed if the scheduler component is used in a mat-drawer-container (Angular Material Sidenav)


Post by mats »

Can you please upload a simple test case for us so we can take a look?


Post Reply