How to use the @angular/flex-layout.FlexLayoutModule.withConfig function in @angular/flex-layout

To help you get started, we’ve selected a few @angular/flex-layout examples, based on popular ways it is used in public projects.

Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.

github thingsboard / thingsboard / ui-ngx / src / app / core / core.module.ts View on Github external
@NgModule({
  entryComponents: [
    ConfirmDialogComponent,
    AlertDialogComponent,
    TodoDialogComponent
  ],
  declarations: [
    ConfirmDialogComponent,
    AlertDialogComponent,
    TodoDialogComponent
  ],
  imports: [
    CommonModule,
    HttpClientModule,
    FlexLayoutModule.withConfig({addFlexToParent: false}),
    MatDialogModule,
    MatButtonModule,
    MatSnackBarModule,

    // ngx-translate
    TranslateModule.forRoot({
      loader: {
        provide: TranslateLoader,
        useFactory: HttpLoaderFactory,
        deps: [HttpClient]
      },
      missingTranslationHandler: {
        provide: MissingTranslationHandler,
        useClass: TbMissingTranslationHandler
      },
      compiler: {
github start-javascript / sb-admin-material / src / app / layout / charts / charts.module.ts View on Github external
import { FlexLayoutModule } from '@angular/flex-layout';
import { MatCardModule } from '@angular/material/card';
import { MatGridListModule } from '@angular/material/grid-list';

import { ChartsRoutingModule } from './charts-routing.module';
import { ChartsComponent } from './charts.component';

@NgModule({
    imports: [
        CommonModule,
        ChartsRoutingModule,
        Ng2Charts,
        MatCardModule,
        MatGridListModule,
        FlexLayoutModule.withConfig({addFlexToParent: false})
    ],
    declarations: [ChartsComponent]
})
export class ChartsModule {}
github fusionfabric / finastra-design-system / libs / angular-components / global-search / src / global-search.module.ts View on Github external
} from '@angular/material';
import { GlobalSearchOverlayComponent } from './components/global-search-overlay/global-search-overlay.component';
import { UxgGlobalSearch } from './global-search.component';

@NgModule({
  imports: [
    CommonModule,
    MatButtonModule,
    MatIconModule,
    MatListModule,
    MatCheckboxModule,
    MatFormFieldModule,
    FormsModule,
    MatInputModule,
    OverlayModule,
    FlexLayoutModule.withConfig({ useColumnBasisZero: false })
  ],
  exports: [UxgGlobalSearch, GlobalSearchOverlayComponent],
  declarations: [UxgGlobalSearch, GlobalSearchOverlayComponent],
  entryComponents: [GlobalSearchOverlayComponent]
})
export class GlobalSearchModule {}
github start-javascript / sb-admin-material / src / app / layout / screen1 / screen1.module.ts View on Github external
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { Screen1Component } from './screen1.component';
import { FlexLayoutModule } from '@angular/flex-layout';
import { Screen1RoutingModule } from './screen1-routing.module';

@NgModule({
  declarations: [Screen1Component],
  imports: [
    CommonModule,
    Screen1RoutingModule,
    FlexLayoutModule.withConfig({addFlexToParent: false})
  ]
})
export class Screen1Module { }
github start-javascript / sb-admin-material / src / app / layout / forms / forms.module.ts View on Github external
FormsRoutingModule,
        MatAutocompleteModule,
        FormModule,
        ReactiveFormsModule,
        MatSlideToggleModule,
        MatFormFieldModule,
        MatInputModule,
        MatCardModule,
        MatCheckboxModule,
        MatRadioModule,
        MatDatepickerModule,
        MatNativeDateModule,
        MatFormFieldModule,
        MatSelectModule,
        MatSliderModule,
        FlexLayoutModule.withConfig({addFlexToParent: false})
    ],
    declarations: [
        FormsComponent,
        CheckboxComponent,
        DatePickerComponent,
        FormFieldComponent,
        SliderComponent,
        AutoCompleteComponent
    ]
})
export class FormsModule {}
github start-javascript / sb-admin-material / src / app / login / login.module.ts View on Github external
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FlexLayoutModule } from '@angular/flex-layout';
import { MatButtonModule, MatCheckboxModule, MatInputModule } from '@angular/material';

import { LoginRoutingModule } from './login-routing.module';
import { LoginComponent } from './login.component';

@NgModule({
    imports: [
        CommonModule,
        LoginRoutingModule,
        MatInputModule,
        MatCheckboxModule,
        MatButtonModule,
        FlexLayoutModule.withConfig({addFlexToParent: false})
    ],
    declarations: [LoginComponent]
})
export class LoginModule {}
github thingsboard / thingsboard / ui-ngx / src / app / shared / shared.module.ts View on Github external
MatProgressSpinnerModule,
    MatDividerModule,
    MatTabsModule,
    MatRadioModule,
    MatSlideToggleModule,
    MatDatepickerModule,
    MatNativeDatetimeModule,
    MatDatetimepickerModule,
    MatSliderModule,
    MatExpansionModule,
    MatStepperModule,
    MatAutocompleteModule,
    MatChipsModule,
    GridsterModule,
    ClipboardModule,
    FlexLayoutModule.withConfig({addFlexToParent: false}),
    FormsModule,
    ReactiveFormsModule,
    OverlayModule,
    ShareButtonsModule,
    HotkeyModule,
    ColorPickerModule,
    NgxHmCarouselModule,
    NgxFlowModule,
    NgxFlowchartModule
  ],
  exports: [
    FooterComponent,
    LogoComponent,
    FooterFabButtonsComponent,
    ToastDirective,
    FullscreenDirective,
github angular / flex-layout / src / apps / demo-app / src / app / app.module.ts View on Github external
mediaQuery: 'screen and (orientation: landscape) and (max-width: 559px)',
  priority: 1000,
  overlapping: false
}];

@NgModule({
  declarations: [
    AppComponent,
    WatermarkComponent
  ],
  imports: [
    BrowserModule.withServerTransition({ appId: 'serverApp' }),
    BrowserAnimationsModule,
    RoutingModule,
    DemoMaterialModule,
    FlexLayoutModule.withConfig({
      useColumnBasisZero: false,
      printWithBreakpoints: ['md', 'lt-lg', 'lt-xl', 'gt-sm', 'gt-xs']
    }),
  ],
  providers: [
    YBA_BREAKPOINT_PROVIDER,
    {
      provide: BREAKPOINT,
      useValue: EXTRA_BREAKPOINTS,
      multi: true
    }
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }
github start-javascript / sb-admin-material / src / app / layout / dashboard / dashboard.module.ts View on Github external
import { StatModule } from '../../shared/modules/stat/stat.module';
import { DashboardRoutingModule } from './dashboard-routing.module';
import { DashboardComponent } from './dashboard.component';

@NgModule({
    imports: [
        CommonModule,
        DashboardRoutingModule,
        MatGridListModule,
        StatModule,
        MatCardModule,
        MatCardModule,
        MatTableModule,
        MatButtonModule,
        MatIconModule,
        FlexLayoutModule.withConfig({addFlexToParent: false})
    ],
    declarations: [DashboardComponent]
})
export class DashboardModule {}
github start-javascript / sb-admin-material / src / app / layout / material-components / material-components.module.ts View on Github external
FormsModule,
        MatButtonModule,
        MatListModule,
        MatBottomSheetModule,
        MatSnackBarModule,
        MatCardModule,
        ReactiveFormsModule,
        MatOptionModule,
        MatSelectModule,
        MatTooltipModule,
        MatRadioModule,
        MatSliderModule,
        MatProgressBarModule,
        MatPaginatorModule,
        MatIconModule,
        FlexLayoutModule.withConfig({addFlexToParent: false})
    ],
    declarations: [
        MaterialComponentsComponent,
        DialogComponent,
        DialogOverviewComponent,
        BottomSheetComponent,
        BottomSheetOverviewComponent,
        SnackBarComponent,
        PizzaPartyComponent,
        ToolTipComponent,
        PaginatorComponent,
        ProgressBarComponent,
        ButtonComponent
    ],
    entryComponents: [
        DialogOverviewComponent,