angularinfragisticsignite-uiignite-ui-angular
How to set the width and height of igxDialog?
I am trying to create a modal Dialog, but the width is not applied correctly.
<igx-dialog
#alert
title="Notification"
message="Your email has been sent successfully!"
leftButtonLabel="OK"
(onLeftButtonSelect)="alert.close()"
style="width:1000px"
></igx-dialog>
Solution
You can position the IgxDialogComponent in a custom div and then apply the desired styles. For this purpose you should use the IgxOverlayService of the IgxToggleDirective which the IgxDialogComponent uses.
A sample where this can be seen can be found here
- Angular Signals: What's the proper way to trigger a fetch when input Signals change value?
- http-server -p 8080 does not serve my angular application. Whereas ng serve does
- Event triggered when changing a user Firebase Authentication
- Turn off Angular 5 routing
- (ANGULAR-12) Mat-paginator change page after condition
- Angular2: Adding components dynamically
- Continuously update the data in the Angular Material tables from an API
- How can I reach component variables in custom validator?
- How to use ng-bootstrap with Angular 18
- Grid Styling - Overwrite style of ag-grid
- How can I authenticate user token in Angular Guard if I am using Http-Only?
- Unable to use an Object's property in templates when imported from a diferent class
- Why command "php artisan serve" not working
- Angular - ERROR Error: Cannot find control with name: 's..Address'
- toSignal on observables inside signal
- Angular: Using base-href in combination with scss urls
- Angular not importing a module in app.module.ts still gives error in component declarations of that module
- How to I create a fresh new instance of a service in Angular every time?
- unit testing angular component with input.require
- Angular router reuse strategy - use same component on two routes
- Property 'code' does not exist on type 'Error'
- Refactor Nested Subscriptions properly for Event Listening
- Replace new PrimeNG Checkbox Icon dynamically at runtime with a Directive
- Using angular material legacy styles in angular is 17 is giving this error
- How do you call a variable with two types in Angular/Typescript?
- Angular, data loss when page refresh
- Angular 18 - RxJS : Subscribe is deprecated
- Angular signal computed(() => toSignal()) throws Error
- Angular2: replace host element with component's template
- Import third party js files to angular typescript project