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
- Does the echarts instance have a type defined for Typescript?
- Binding with [(ngModel)] an Input of type Date not showing the date
- Angular tutorial gives error NG0203: inject() must be called from an injection context
- How do you put an image inside of an Angular2 Material fab button?
- Use provider from the same module in Angular DI
- Angular2 email validation
- angular multiple resources with single namesource suggestion
- Angular - NgIf not working on component: "NG0303: Can't bind to 'ngIf' since it isn't a known property of 'p'."
- How do I get my Angular app deployed to S3 respond to routing URLs
- Bring Filter popup to the front, on top of grid
- Combining result (ORing) of 2 validators in Angular and using it as single validating factor
- How to format date when using primeng calendar?
- RxJS complete Observable from within switchmap
- PrimeNG v18+ with non- standalone style
- @Input and other decorators and inheritance
- NG0600: Writing to signals is not allowed in a `computed`
- Angular @Output/EventEmitter returns undefined
- Angular 5 - How to make an API call when user closes the browser window?
- Failed to set the 'value' property on 'HTMLInputElement'
- touched and valid using reactive forms in Angular
- Why is it not a good practice to write initialization logic in the constructor in angular 2
- How do I use Angular input signals with Storybook
- 3rd party cookies in Android 14/New Chrome using Angular/Firebase Auth/Hosting and NodeJs in Server
- Is there a way to pass arguments by CLI when building an Angular application?
- Angular Calendar Warning: NG0956 - Track by identity caused re-creation of the entire collection
- how to change `adev` http server port?
- Error: This command is not available when running the Angular CLI outside a workspace
- 'Vite. http proxy error at /weatherforecast...' error when launching the Angular and ASP.NET Core app in Visual Studio
- How to install TailwindCSS on Angular 19 that uses SCSS?
- single-spa-angular sharing Angular library (with UI) with another Angular app causes error