Material Dialog vs. Bootstrap Modal: Angular 5, 6
up vote
0
down vote
favorite
I'm currently developing an application in Angular 5 and soon upgrading to Angular 6. I have certain requirements for the project that I'm working on that requires some static as well as dynamic content in a modal. Doing some research, I found out 2 options:
Angular Material Dialog
https://material.angular.io/components/dialog/overviewBootstrap Modal
I am currently using some components from the Angular material, but not using Dialog for now. So I'm confused whether to go with Material Dialog since Material is very popular in the Angular world or use Bootstrap Modal as I have used Bootstrap in the past and I know it works great.
I created a test dialog from Material to see how it is working and as far as I can tell, Material Dialogs are great for modals that vertically fit in the screen. I mean we can have a way to make the center of the Material Dialog scrollable but we can't really make the whole dialog really long with a lot of static content as Material Dialogs are not scrollable. I think Bootstrap Modals does allow you to have a really long modal and you can easily scroll the entire modal.
But please give me some suggestion what will actually be good on the architecture side.
javascript angular angular-material
edited Nov 19 at 20:49
Yashwardhan Pauranik
1,70611226
asked Nov 19 at 16:03
Aiguo
71231228
add a comment |
up vote
0
down vote
favorite
I'm currently developing an application in Angular 5 and soon upgrading to Angular 6. I have certain requirements for the project that I'm working on that requires some static as well as dynamic content in a modal. Doing some research, I found out 2 options:
Angular Material Dialog
https://material.angular.io/components/dialog/overviewBootstrap Modal
I am currently using some components from the Angular material, but not using Dialog for now. So I'm confused whether to go with Material Dialog since Material is very popular in the Angular world or use Bootstrap Modal as I have used Bootstrap in the past and I know it works great.
I created a test dialog from Material to see how it is working and as far as I can tell, Material Dialogs are great for modals that vertically fit in the screen. I mean we can have a way to make the center of the Material Dialog scrollable but we can't really make the whole dialog really long with a lot of static content as Material Dialogs are not scrollable. I think Bootstrap Modals does allow you to have a really long modal and you can easily scroll the entire modal.
But please give me some suggestion what will actually be good on the architecture side.
javascript angular angular-material
edited Nov 19 at 20:49
Yashwardhan Pauranik
1,70611226
asked Nov 19 at 16:03
Aiguo
71231228
Don't you think it is primarily opinion based?
– SiddAjmera
Nov 19 at 16:11
Yes it may be. Is this not the right portal for such questions? :)
– Aiguo
Nov 19 at 16:12
2
Not it's not. Probably a good Google Search on Angular Material VS Bootstrap should yield you proper results. PS: I didn't downvote you BTW. Just saying.
– SiddAjmera
Nov 19 at 16:13
1
From a design point of view, you shouldn't mix Material and plain Bootstrap - they are different experiences. However, I believe a material design for bootstrap package is available. Either way, I think it's a design mistake to use un-material design elements in a material design application, and to a lesser extent to use material-design design elements in a non material design application. Decide what you want your application to be design wise and choose components accordingly.
– G. Tranter
Nov 19 at 17:25
add a comment |
up vote
0
down vote
favorite
up vote
0
down vote
favorite
I'm currently developing an application in Angular 5 and soon upgrading to Angular 6. I have certain requirements for the project that I'm working on that requires some static as well as dynamic content in a modal. Doing some research, I found out 2 options:
Angular Material Dialog
https://material.angular.io/components/dialog/overviewBootstrap Modal
I am currently using some components from the Angular material, but not using Dialog for now. So I'm confused whether to go with Material Dialog since Material is very popular in the Angular world or use Bootstrap Modal as I have used Bootstrap in the past and I know it works great.
I created a test dialog from Material to see how it is working and as far as I can tell, Material Dialogs are great for modals that vertically fit in the screen. I mean we can have a way to make the center of the Material Dialog scrollable but we can't really make the whole dialog really long with a lot of static content as Material Dialogs are not scrollable. I think Bootstrap Modals does allow you to have a really long modal and you can easily scroll the entire modal.
But please give me some suggestion what will actually be good on the architecture side.
javascript angular angular-material
edited Nov 19 at 20:49
Yashwardhan Pauranik
1,70611226
asked Nov 19 at 16:03
Aiguo
71231228
I'm currently developing an application in Angular 5 and soon upgrading to Angular 6. I have certain requirements for the project that I'm working on that requires some static as well as dynamic content in a modal. Doing some research, I found out 2 options:
Angular Material Dialog
https://material.angular.io/components/dialog/overviewBootstrap Modal
I am currently using some components from the Angular material, but not using Dialog for now. So I'm confused whether to go with Material Dialog since Material is very popular in the Angular world or use Bootstrap Modal as I have used Bootstrap in the past and I know it works great.
I created a test dialog from Material to see how it is working and as far as I can tell, Material Dialogs are great for modals that vertically fit in the screen. I mean we can have a way to make the center of the Material Dialog scrollable but we can't really make the whole dialog really long with a lot of static content as Material Dialogs are not scrollable. I think Bootstrap Modals does allow you to have a really long modal and you can easily scroll the entire modal.
But please give me some suggestion what will actually be good on the architecture side.
javascript angular angular-material
javascript angular angular-material
edited Nov 19 at 20:49
Yashwardhan Pauranik
1,70611226
asked Nov 19 at 16:03
Aiguo
71231228
edited Nov 19 at 20:49
Yashwardhan Pauranik
1,70611226
asked Nov 19 at 16:03
Aiguo
71231228
edited Nov 19 at 20:49
Yashwardhan Pauranik
1,70611226
edited Nov 19 at 20:49
Yashwardhan Pauranik
1,70611226
edited Nov 19 at 20:49
Yashwardhan Pauranik
1,70611226
1,70611226
asked Nov 19 at 16:03
Aiguo
71231228
asked Nov 19 at 16:03
Aiguo
71231228
asked Nov 19 at 16:03
Aiguo
71231228
71231228
Don't you think it is primarily opinion based?
– SiddAjmera
Nov 19 at 16:11
Yes it may be. Is this not the right portal for such questions? :)
– Aiguo
Nov 19 at 16:12
2
Not it's not. Probably a good Google Search on Angular Material VS Bootstrap should yield you proper results. PS: I didn't downvote you BTW. Just saying.
– SiddAjmera
Nov 19 at 16:13
1
From a design point of view, you shouldn't mix Material and plain Bootstrap - they are different experiences. However, I believe a material design for bootstrap package is available. Either way, I think it's a design mistake to use un-material design elements in a material design application, and to a lesser extent to use material-design design elements in a non material design application. Decide what you want your application to be design wise and choose components accordingly.
– G. Tranter
Nov 19 at 17:25
add a comment |
Don't you think it is primarily opinion based?
– SiddAjmera
Nov 19 at 16:11
Yes it may be. Is this not the right portal for such questions? :)
– Aiguo
Nov 19 at 16:12
2
Not it's not. Probably a good Google Search on Angular Material VS Bootstrap should yield you proper results. PS: I didn't downvote you BTW. Just saying.
– SiddAjmera
Nov 19 at 16:13
1
From a design point of view, you shouldn't mix Material and plain Bootstrap - they are different experiences. However, I believe a material design for bootstrap package is available. Either way, I think it's a design mistake to use un-material design elements in a material design application, and to a lesser extent to use material-design design elements in a non material design application. Decide what you want your application to be design wise and choose components accordingly.
– G. Tranter
Nov 19 at 17:25
Don't you think it is primarily opinion based?
– SiddAjmera
Nov 19 at 16:11
Don't you think it is primarily opinion based?
– SiddAjmera
Nov 19 at 16:11
Yes it may be. Is this not the right portal for such questions? :)
– Aiguo
Nov 19 at 16:12
Yes it may be. Is this not the right portal for such questions? :)
– Aiguo
Nov 19 at 16:12
2
2
Not it's not. Probably a good Google Search on Angular Material VS Bootstrap should yield you proper results. PS: I didn't downvote you BTW. Just saying.
– SiddAjmera
Nov 19 at 16:13
Not it's not. Probably a good Google Search on Angular Material VS Bootstrap should yield you proper results. PS: I didn't downvote you BTW. Just saying.
– SiddAjmera
Nov 19 at 16:13
1
1
From a design point of view, you shouldn't mix Material and plain Bootstrap - they are different experiences. However, I believe a material design for bootstrap package is available. Either way, I think it's a design mistake to use un-material design elements in a material design application, and to a lesser extent to use material-design design elements in a non material design application. Decide what you want your application to be design wise and choose components accordingly.
– G. Tranter
Nov 19 at 17:25
From a design point of view, you shouldn't mix Material and plain Bootstrap - they are different experiences. However, I believe a material design for bootstrap package is available. Either way, I think it's a design mistake to use un-material design elements in a material design application, and to a lesser extent to use material-design design elements in a non material design application. Decide what you want your application to be design wise and choose components accordingly.
– G. Tranter
Nov 19 at 17:25
add a comment |
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53378491%2fmaterial-dialog-vs-bootstrap-modal-angular-5-6%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Don't you think it is primarily opinion based?
– SiddAjmera
Nov 19 at 16:11
Yes it may be. Is this not the right portal for such questions? :)
– Aiguo
Nov 19 at 16:12
2
Not it's not. Probably a good Google Search on Angular Material VS Bootstrap should yield you proper results. PS: I didn't downvote you BTW. Just saying.
– SiddAjmera
Nov 19 at 16:13
1
From a design point of view, you shouldn't mix Material and plain Bootstrap - they are different experiences. However, I believe a material design for bootstrap package is available. Either way, I think it's a design mistake to use un-material design elements in a material design application, and to a lesser extent to use material-design design elements in a non material design application. Decide what you want your application to be design wise and choose components accordingly.
– G. Tranter
Nov 19 at 17:25