Ah OK, I'm pretty sure that such dynamic tab functionality is possible with Material2 (I haven't had time to try it myself). You could ask for confirmation in the angular-material2 forum <https://groups.google.com/forum/#!forum/angular-material2>.
Material1 is built for AngularJS 1.x, so it wouldn't be appropriate to choose for a new Angular 2+ application. It's docs are more complete because it is past 1.0. The Material2 docs have greatly improved over the last month, but they are still being worked on. Those non-modal dialogs would likely work well as cards <https://material.angular.io/components/component/card> in Material2. They have some nice composable pieces like md-card-header, md-card-content, and md-card-actions. Then you can drop your widgets into the md-card-content and optionally define headers, actions, avatar images, etc. Michael Prentice DevIntent <http://devintent.com/> GDG Space Coast <http://gdgspacecoast.org/> On Thursday, January 26, 2017 at 4:33:37 PM UTC-5, madhu g wrote: > > I was referring to Material 1.1.1 demo samples here > https://material.angularjs.org/latest/demo/tabs where it shows dynamic > tabs. i don't see that in the Material2 demo page. > > I am trying to display multiple non-modal dialogs on a page ad each one > has its own purpose and configuration that can be set. basically we will > have a widget library from which we choose these widgets to add to the > page. each widget here corresponds to a non-modal dialog. we can add any > number of widgets to a page. > > Yes, it is non critical configuration at the moment and we want to save it > in the browser. > > > On Thursday, January 26, 2017 at 4:05:47 PM UTC-5, Michael Prentice wrote: >> >> I'm going to assume that Material1 was a typo and you meant Material2. >> >> Are you referring to displaying multiple modal dialogs on the page at the >> same time? or are these some kind of non-modal dialogs? >> >> The Angular Router <https://angular.io/docs/ts/latest/guide/router.html> can >> handle many child and auxiliary routes and serialize them to the Browser >> location so that you can link to specific states. >> >> For the non-visible tabs, dialogs, and layouts, I would assume that you >> would want to store that configuration via JSON in localStorage (if >> non-critical and no need to be portable across devices) or in a database on >> your server (or in something like Firebase). >> >> Michael Prentice >> DevIntent <http://devintent.com/> >> GDG Space Coast <http://gdgspacecoast.org/> >> >> On Thursday, January 26, 2017 at 3:50:07 PM UTC-5, madhu g wrote: >>> >>> Thanks Michael. I looked at Material1 and the dynamic tab component >>> suits my need. In addition i would like these tab components to host a set >>> of dialog components that a user adds on the fly. And state of each tab >>> and the dialogs inside it needs to be saved. i think flex-layout just >>> organizes components as a grid but not like hosting dialogs where one can >>> overlap on the other. Any suggestions on this? >>> >>> >>> >>> On Thursday, January 26, 2017 at 3:05:41 PM UTC-5, Michael Prentice >>> wrote: >>>> >>>> Yes, you may want to look at Angular Material2 >>>> <https://github.com/angular/material2>'s tabs components >>>> <https://material.angular.io/components/component/tabs> (beta). For >>>> flowing layouts, you may want to look at @angular/flex-layout >>>> <https://github.com/angular/flex-layout> (beta). >>>> >>>> ngBootstrap (alpha) w/ Flexbox in Bootstrap 4 (alpha) is another option. >>>> >>>> Michael Prentice >>>> DevIntent <http://devintent.com/> >>>> GDG Space Coast <http://gdgspacecoast.org/> >>>> >>>> On Thursday, January 26, 2017 at 2:35:30 PM UTC-5, madhu g wrote: >>>>> >>>>> We are trying to evaluate angular2 in order to build a dashboard like >>>>> application where >>>>> - A user can add a new tabs/pages to the home page. >>>>> - For each tab/page, user can add a set of widgets(portlet/dialog kind >>>>> of components) from the widget library where each widget provides a >>>>> specific functionality and can be customizable. these widgets can flow >>>>> around the tab/page like drag drop resize etc. >>>>> - All the pages/tabs and the widgets inside need to be saved. >>>>> >>>>> Is angular2 a suitable to build these kind of applications ? >>>>> >>>> -- You received this message because you are subscribed to the Google Groups "Angular and AngularJS discussion" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at https://groups.google.com/group/angular. For more options, visit https://groups.google.com/d/optout.
