Nativescript-ui-feedback: RadCalendar not appearing

[Cacus3]

Hello
First i wont to apologize for my wooden English skills.
I dont known what i doing wrong but radCalendar is not showing in my app
Here is my Code

<ActionBar title="Terminarz"></ActionBar> 
<FlexboxLayout flexDirection="column" class="page"> 
    <StackLayout flexgrow="1"> 
        <radCalendar id="calendar"></radCalendar> 
     </StackLayout> 
     <bottomMenu></bottomMenu> 
</FlexboxLayout>

import { NgModule, NO_ERRORS_SCHEMA, NgModuleFactoryLoader } from '';
import { NativeScriptModule } from 'nativescript-angular/nativescript.module';
import { MenuService } from './services/MenuService';
import { AppRoutingModule } from './app.routing';
import { AppComponent } from './app.component';
import { CommonModule } from '';
import { MainComponent } from './routers/main/main';
import { TerminarzComponent } from './routers/terminarz/terminarz';
import { CrmComponent } from './routers/crm/crm';
import { BottomMenu } from './components/BottomMenu/bottomMenu';
import { MenuItem } from './components/BottomMenu/MenuItem/MenuItem';
import { TNSFontIconModule } from 'nativescript-ngx-fonticon';
import { TestComponent } from './routers/test/test';
import { NativeScriptRouterModule, NSModuleFactoryLoader } from 'nativescript-angular/router';
import { NativeScriptUICalendarModule } from 'nativescript-pro-ui/calendar/angular';
import { NativeScriptUIListViewModule } from 'nativescript-pro-ui/listview/angular';
import { NativeScriptFormsModule } from 'nativescript-angular/forms';

import { NativeScriptHttpModule } from 'nativescript-angular/http';
import { TNSFrescoModule } from 'nativescript-fresco/angular';
import * as applicationModule from 'tns-core-modules/application';
import * as frescoModule from 'nativescript-fresco';

if (applicationModule.android) {
applicationModule.on('launch', () => {
frescoModule.initialize();
});
}

@NgModule({
bootstrap: [
AppComponent
],
imports: [
NativeScriptModule,
AppRoutingModule,
CommonModule,
NativeScriptHttpModule,
NativeScriptUIListViewModule,
NativeScriptFormsModule,
TNSFrescoModule,
NativeScriptRouterModule,
TNSFontIconModule.forRoot({
'fa': './fonts/font-awesome.css'
})
],
declarations: [
AppComponent,
MainComponent,
TerminarzComponent,
CrmComponent,
BottomMenu,
MenuItem,
TestComponent
],
providers: [
MenuService,
{ provide: NgModuleFactoryLoader, useClass: NSModuleFactoryLoader }
],
schemas: [
NO_ERRORS_SCHEMA
]
})
export class AppModule { }

#

i see only a empty space i dont recive any errors on console

[tsonevn]

Hi @Cacus3,
We reviewed the attached code and found that you have missed adding NativeScriptUICalendarModule in the Module imports. For example:

import { NativeScriptUICalendarModule } from 'nativescript-pro-ui/calendar/angular';
import { NativeScriptUIListViewModule } from 'nativescript-pro-ui/listview/angular';
import { NativeScriptFormsModule } from 'nativescript-angular/forms';

import { NativeScriptHttpModule } from 'nativescript-angular/http';
import { TNSFrescoModule } from 'nativescript-fresco/angular';
import * as applicationModule from 'tns-core-modules/application';
import * as frescoModule from 'nativescript-fresco';

if (applicationModule.android) {
    applicationModule.on('launch', () => {
        frescoModule.initialize();
    });
}

@NgModule({
    bootstrap: [
        AppComponent
    ],
    imports: [
        NativeScriptModule,
        AppRoutingModule,
        CommonModule,
        NativeScriptHttpModule,
        NativeScriptUIListViewModule,
        NativeScriptFormsModule,
        TNSFrescoModule,
        NativeScriptRouterModule,
        NativeScriptUICalendarModule,
        TNSFontIconModule.forRoot({
            'fa': './fonts/font-awesome.css'
        })
    ],
    declarations: [
        AppComponent,
        MainComponent,
        TerminarzComponent,
        CrmComponent,
        BottomMenu,
        MenuItem,
        TestComponent
    ],
    providers: [
        MenuService,
        { provide: NgModuleFactoryLoader, useClass: NSModuleFactoryLoader }
    ],
    schemas: [
        NO_ERRORS_SCHEMA
    ]
})
export class AppModule { }

For any other questions, please use our NativeScript forum, where the other community members could help in resolving such issues.

[Cacus3]

Thanks for help, i add NativeScriptUICalendarModule to import and its works :)

[echosalik]

Hi
I am having the same issue but I have included NativeScriptUICalendarModule in my import. any help?

import { NativeScriptUICalendarModule } from 'nativescript-ui-calendar/angular'

imports: [ NativeScriptModule, AppRoutingModule, NativeScriptUICalendarModule, ],

[NickIliev]

@DragoTechInnovations if you are using lazy loading, make sure that you have imported the calendar in the related lazily loaded module. Another thing to look for is to assign height for your RadCalendar (or to the parent container layout)