New in v17.1: ASP.NET, MVC and Bootstrap Controls

our first webinar what's new in 17.1 for our asp.net MVC and bootstrap controls presented by DevExpress web program manager mobile Harry and DevExpress Technical Evangelist Don will be a fYI this session is being recorded and it will be made available on our deaf Express YouTube channel later today we will also do a live Q&A at the end of this presentation just type your questions in the GoToWebinar control panel at any time throughout the broadcast all right thank you so much for joining us I will now hand things over to McCool and Don Thank You Amanda hey good morning Don hey good morning my hope so we've got a lot of great things to show in the 17.1 release shall we dive in sounds like a plan man all right so with that we've got very few slides because we've got a lot to show but so here's quick agenda and as usual because we can't really we've only got an hour to really dive into and show a lot of these things what we want to do is to tell you about these features show them off a little bit in demos to get you excited about them maybe what they're about how they can be beneficial to you so with that let's start with the very first big announcement we have in 2017 I think we're the only company Don that's still making webforms controls we have a whole new set of asp.net web form controls and that's our new bootstrap controls now if you remember about a year ago we announced our intention to do this and the basic idea was and I've written a blog post with all the past blog post about where we announce it and then the preview all that good stuff but I'm happy to say in 17.1 these are officially released they are now available and what that means for you is a new set of bootstrap controls and the advantage with these bootstrap controls is if you are using bootstrap the front-end framework and all the themes that are available with it in the ecosystem and even the bootstrap you know minor controls like the editors and stuff they work very well with our powerful controls like our grid-view now for this 17.1 release we've done something special and that's to also include a set of charting which well charting controls and so what we did was we actually took our client-side dev Xtreme charts and make them available and so all these charts are based on SVG so they have their nice animations and so forth now this set of web form controls is not as vast so our occurred is become a web form controls includes 100-plus controls right now in this library there's things basically like of the grid the charts navigation controls and editors things that we basically find most people want in a bootstrap enable site so a lot of times bootstrap is used for a front client facing web site rather than just strictly let's say a crud internal web site for changing around forms over data so the bootstrap is very interesting we're very excited about it and we've done it in a way where we try to make the API as similar as possible to existing controls and we've only added those features where we thought they would be most useful in a bootstrap type of site now we've also provided visual studio templates and some base themes so let's just take a quick look at this now if you have the 17.1 beta installed then when you first finish installing this demo Center comes up now typically you've seen our technical demos and for bootstrap you'll find a new icon so in the similar way when we official release 17.1 we'll have our dev spread calm website updated as well but when you click on this bootstrap it will bring up the new bootstrap demos now the bootstrap demos for provide to you a way to see a lot of these cool demos and they've got a nice landing page and all this man in fact the site of course is built with bootstrap and with all of our controls as you can see we've put in all the major features that you likely care about for answer for example with the grid you've got binding to large database and so this works in a similar way that you come to expect with our current a stagnant grid-view and of course powerful features like sorting grouping and of course editing can't have a grid if you don't have those excellent editing features like batch editing in light editing and of course the powerful editors data validation that comes with DevExpress controls and of course as I mentioned the charts are also very nice it may be a little tough to see on this GoToMeeting and that's why I recommend you download our beta and play with this yourself but when you click around on these charts you'll see there's some custom animations that pop up and so forth now one thing that I highly recommend you play around with is if you click on this little gear icon here we've taken a lot of the free demos bootstrap themes I should say the lot of the free bootstrap themes that are available at boots watch comm and we've incorporated them into this demo so this demo has a few options like you can change the screen size and we wanted to show you this so you can see well how does it look is it you know when we've got sort of it is a good responsive well yes it is but you know I've talked about responsiveness with a grid and how you want to make certain choices for how many columns you display and all that stuff but more importantly what's nice is we give you this QR code so you can see what it feels like on a mobile tablet or a large phone and also you can take a look at the different themes so for example if I switch to stand stone here what's happened is we are actually using the bootstrap a CSS file and this is the main difference because if you're familiar with the a speed I met webform controls from dev spreads I call them classic we don't they're still going to be around I just called them classic cuz they've been around longer but those controls use the a speed gotten a steaming engine and so for bootstrap we're using completely the bootstrap theming engine where we pick up on it bootstrap CSS themes for the colors and for the grid for the charts and all that and you can see how beautiful our grid adapts and all the bootstrap controls will adapt the same way and again take look at our demos and if you want to learn more I will be we will be updating the site but what's great is they're officially released and you can play with them now you can use them now and because they're web form controls they will be in your visual studio tool box you can use the designer to drag and drop them onto a form and get started today so I'll mention one last thing about them and we've gotten your feedback and a lot of people requested it MVC versions of these controls and I'm happy to say we are going to work on that for a future major release so keep an eye out for that so done I understand we also have some other new controls for asp.net yeah absolutely maro and that is the hint control in this release we have included a new hint control and for all of you who think yeah but we already have a pop-up control and we can use that to be a hint control as well I can tell well the hint control is even more lightweight is the pop-up control because it serves only one purpose which is hinting and well this means that it is lacking some more advanced features found in the pop-up control but it improves your page rendering speed especially if you have a lot of things to do now let's take a look at the features demo of the hint control it does include some really nice details like the little arrow pointing to the UI elements and it has animation effects and customizable delay before displaying customizable size and obviously on the amount loading of its content and well another nice another nice feature where this really blends in is something you can see with the hint for the grid cells demo for instance as you can see in the demo the grid view trunk adds some text if it's too long or in this case it's got more info link on this particular column and when you click the link it will show a hint control - to display the additional information here so it can be used really nice with the grid view as well yeah that's just a small bit new control and I'm pretty sure that you can use your you can benefit that you can make it work in your application awesome so we've also updated the venerable grid view control now it's probably no surprise this is our most popular asp.net control because a grid is very useful it's got a lot of great features built into it and we are constantly constantly trying to think of great ways to make it fast and light and also because it's such a great UI paradigm to show for the data we're also looking to improve its UI features and for this release that's what we focused on we focused on making a new toolbar so we've incorporated a new toolbar that is part of the grid view now what this means is previously if you wanted something kind of like this this functionality well so let's let's basically discuss a toolbar our toolbar is nice because it saves you space inside of let's say the grid for this example here rather than putting a new button column or a command combat as new edit delete and so forth or export at the top or a filter button under the column header name we can put all that under the toolbar and so for example now becomes contextual so for example if I come here or here I can do certain actions based on the cell but more importantly I can have a set of commands at the very top that will allow me to control what's happening in the grid and as I said previously to get this kind of toolbar functionality you have to make it separate from the grid that so is external to the grid well I'm happy to say now it's part of the grid which is great because you get a stay of the ability to create standard toolbar items like export refresh and all that kind of stuff or you can make custom toolbar items with custom actions so for example if I put a custom button that says hey you know I want to save some particular item back to the database on the server or send a message to another control on this page you can do that and so for example this toolbar makes it really nice and best of all because it's part of the grid any themes that you apply will also apply directly to the grid because it reuses of course our existing controls like our editor buttons and all of that now the other big feature that we've done is we've also improved the ability for your end users to customize the grid on a mobile device now to see this let me first highlight a sort of a challenge customers may have when they're working on a mobile device so previously we've called something like this a customization window I think we're going to rename this to column chooser or something because that's all it really is but basically what it does on the desktop let's say I want to change around which columns are in the grid so when I display this column window column choose a window you can see I got a list of columns and I can bring out certain columns or I can put them back in and that's great when I have a mouse because you can see this is really geared towards sort of a mouse friendly UI but what about when I'm going to mobile this doesn't work so well on a mobile so for mobile what we've decided is to create for you what we call the customization dialog so here for example I've got the grid on a tablet device and I can display a customization dialog window button that when touched will bring up a modal dialog as you can see this is very much geared towards a touch UI so they've got larger touch targets now not only can I decide what columns go in here with a column chooser functionality but I can also decide the sorting order whether is ascending descending whether using I'm doing grouping by any certain amount of fields or filtering by any amount of fields and so it's a very nice easy way to decide so for example I can choose category name as descending and then I can even choose when to apply that and as soon as I do you can see that our change is applied immediately and so once again you can you can test this on your local machine I mean on your local tablet or tablet whichever device you choose the very nice features that will make your end-users life on a mobile tablet much easier all right done what's happening with the charts yeah well we've introduced a couple of things here as well you might remember some releases back we have introduced a real-time client-side chart designer which allows your end user to customize certain aspects of the chart being displayed like you could hide out labels stuff like that or you could change labels in this release we have editing ability to configure secondary accesses and additional chart panes we've also implemented the ability to specify a summary or aggregate function on one of these series axes and that is something that you can see in the screenshot and you can you can change that your end user can change that basically another really nice addition is something that we can show it in the following demo is the ability to include checkboxes in the legend which allow you to toggle the series feasibility so for instance we have like the goods sales by year and and I bet you do want to know what we did on ice cream and I don't want to know what we did on my screen so you can just check that box and the series are gone if you pick the green if I would click the clean one I don't know what's going on with the ice cream and there's something that you can yeah use your end-user can use to quickly filter the information that he or she wants to see done ice cream is very important I have to know how ice cream is doing so I think this is fantastic we can get these trends we get these little hints over and I and I really like this from the check boxes you can control exactly these chart displaying updates X actually awesome alright so let's talk a little bit about the scheduler and in the a Spadina scheduler it's gotten a lot of love now if you've been following along with every release which I'm sure you have but if you haven't ever since early last year we made an intention that said listen you know what we're going to make our scheduler like one of the best HP Dino schedulers out there so we've done a lot of work for performance for rendering on the client side certain things so we updated appointment two so they pop up a lot faster and so forth and there were some big missing pieces in our scheduler though so for example one of the things was we didn't have an agenda view now it's I'm happy to say in this release 70.1 there's an agenda view available and not only is it available it's beautiful we based it off of the popular web calendars out there like outlooks outlook.com or Google Calendar and you can see it's got a beautiful look and so the agenda view saves you time by only showing you your upcoming appointments and here we can show the agenda view is showing you not just your appointments but also by resource so it's very customizable and it's very slick and it's got a beautiful beautiful look to it now we've we've also updated the Timeline view and so the Timeline view now provides you away so that at before when you want it to scroll over to the right you had to use these little buttons and it would jump now the scroll bar allows you to see exactly all of those items makes life a lot easier we've also updated vertical scrolling so we've provided a way so that when you scroll now that the top bar will be fixed as you scroll down now these are built in to the current release and one final thing I should mention is we've also improved keyboard support on the scheduler as well we provided a set of actions so if your end-users do a lot of things with the keyboard and they're constantly using this scheduler to make appointments check appointment they'll be very happy to know common commands like moving around with the arrow keys or tab or enter or delete they will work now in the scheduler and finally we've added a couple of based on your feedback we've improved some API for knowing when a cell was clicked or double clicked or getting the visible appointments so all that is in documentation which you can start playing around with today now we still have more plans for the scheduler so you'll have to stay tuned but I'm very happy to say the scheduler is doing great with leaps and bounds improvements all right down what's happening in the editors arena well let's start with the the simple editors like the text box in the drop-down box etc and basically all editors that includes the no text support we have added a really small but nice feature here and and that is in the previous release if you would have a note that specified a it would focus on one of those editors then the note text will disappear what you can see on the screen right now but with the the 70.1 release the note text stays if you focus so now we are focusing on the name for instance and it will still be there unless you start typing something in there so it's just a little UI feature that will help your end users know what they were typing in that box I agree that I like that because look I just click in here I'm like what do I type see now I don't know but no but all kidding aside I do really like the small little UI features like this because you know the details like this kind of help the end users figure out and and then you can do some unique things with your forms for example if you don't want to label or something like that I've seen that sometimes in forms it's really up to you yeah exactly and yeah I think talking about editors there is another editor that we did a bit of work on which is the HTML editor with the 17.1 release of the HTML editor we have added a specific feature for the MVC extension so this is one thing which is only applicable for MVC development it is the ability to define a custom model binder class to provide custom validation I don't want to go too much into detail here and we might do a webinar on this kind of specific MVC material but basically what I can say is you can now create your own model binder which allows you to have your custom validation logic in one place and it's specifically useful if you have like this editor used in all kinds of fields inside your project and what you can see in the demo here we have like a simple validation here that will limit to 50 characters and in the code below you can see how you can do that custom validation by creating a validation demo binder well as I mentioned I don't want to go too much into detail here but it'll give you an impression on how you can do your own validation so and for both web forms and MVC we have extended a client-side API with a set of new methods events and extended arguments to help you deal with HTML editor dialogs you might be aware of the fact that we have like a whole bunch of really nice pop-up dialog already inside is no editor but yeah sometimes you do want to customize is slightly or you don't want to redo the whole dialog but just like a small behavior you want to change and that it's possible now with the new API it should make it more easy to customize them and I think the last thing which is worth mentioning is with the HTML editor you could already paste formatted text from an MS Word document as well as other applications where the formatting was cleaned client-side and well this works pretty good but in some scenarios you might be aware of the fact that word produce some really really great HTML sometimes the client-side cleaning functionality isn't good enough so now we have added just one property which will process this cleaning on the server so we'll have c-sharp and we can use always more algorithms to clean up that HTML before it's pasted into the documents awesome yeah and so really I mean these the HTML editor has gotten some features for you the developers right so we improved the API the RTF processing and all that good stuff and as Don mentioned maybe he'll do another webinar MVC webinar on some of those features coming up just let us know if you're interested alright done let me show you we've done some improvements to our pivot your control now specifically the pivot grid control when you're using the in-memory data processing it has significantly improved on some common operations like data shaping for example sorting or filtering and it's much as like for example in 16.2 it took nine ninety eight hundred milliseconds we've got it down to 1400 and so you can see that's huge a difference that you're going to notice now you might say well what does it mean in memory data processing well this is when you're not using for example the server-side features and what we call large database support but basically if you're just binding the pivot grid to get and process the data or within the grid and not letting the database do the work and so if none of that made sense to you no worries contact me after the webinar I'll point send you a couple of demos but you'll be happy to know that the grid has improved you're going to get an improvement just by upgrading to 17.1 with a pivot grid all right done what's going on with our rich editor control are one of our powerful Microsoft Office style controls yeah well we introduced a rich editor not too long ago I mean it's been a couple of releases and with every release we have been adding more features like it support for headers and footers tables and and it at this stage is a pretty feature complete rich editor basically but again we weren't done yet so with this release we have added support for floating objects and as you can see in the demo here we'll have mr. Shakespeare on the right side of the document and we cannot drag it around and put it somewhere else and this is obviously one of the things which comes in quite handy when you're doing with word processing and with this feature we have also introduced a new dialog which is shipped into the retailer control and that is obviously a dialogue which is quite inspired by words to position and to specify the text wrapping for this object so you can say the text needs to be front or behind or etc well all the options are here so this is this is quite a a nice feature that has been added to the rich editor and the other thing that we have been adding is a couple of smaller but useful mail merge enhance and with that it is not possible to specify to create a few which is in an insider sub menu so you can actually specify I want to insert a date field or a time field etc etc which makes it easy to to deal with those kind of fields because you can actually check what kind of feel this and you can code it in so it's just a small but useful one and what we furthermore did is we have inserted the possibility to to search through your mail merge fields so when you have like a lot of merge fields you cannot actually search for them we have created a nice little search box here which allows you to search through all those fields awesome so that brings us to some changes to the themes now we've got a new theme is a material theme and specifically the material compaq theme now for this dawn I'm going to go to I'm going to give some love to Microsoft here and we're going to go to the edge browser which is fantastic by the way you know yeah you're sure it is a great browser it is I I do use it daily not as much as Chrome but I use it but what we've done is we had this theme and you've probably talked heard us talk about our newer themes and if you don't know just do a quick recap is that we've been introducing a lot of new modern asp.net themes for the existing asp.net controls from DevExpress and so these newer themes are really nice because they can be styled you can customize their fonts as well as the base color so and it's all in the theme builder and again if you have questions about that let us know we'll send you all the good links but basically we introduced a material theme now material is based on Google's material design and that design language is it's beautiful it's very nice you use it on a lot of their devices not just the phones and what's nice about it it's got some nice animations when you click on things but also when you move over and some base colors now when we first introduced this this was a very nice demon people said I like it I like the font I like the colors I like the way things are sort of got that sort of nice softness to them or roundedness whatever so people said but the problem is it's really designed more for mobile devices and this is true because you can see the large padding's here and I said on desktop I don't want to waste so much space so in 17.1 we've got the material compact theme which is essentially the material theme but in a compact which is better for the desktop because as you can see the padding's are lot smaller as compared to the material theme now and also you can see that we've got this new theme settings in our demos that kind of lets you play around with sort of the base color so if you don't like for example the orange and you rather have let's say this purple you can switch over to that and the base color will change as well and you can even try for example a different base font for example here i've got i Mamadou rai on you can switch you robot irregular which is I think Don's gamertag right down early so it's got some really nice features you can play around with I am a huge fan of this material theme for many reasons because for example as you can see as I click around it just looks nice and again I'm showing off just the the ribbon control here because again the ribbon control is beautiful but it kind of shows off a lot of fonts a lot of icons and so forth but definitely play around with this in the beta now what's happening with our other major office controlled auntie venerable spreadsheet controlled yeah the specialist control is another piece of work which is really really awesome and with every release I also learn more features that are available in Excel that I didn't knew of but anyway with this release we have added support for so now you can actually annotate your cells or your sheets so other users can see what you have been doing there and well you can obviously hide them delete them change them by just going to the cell you see that the cell is being marked with this little triangle on the right upper corner and yeah you could just put comments wherever you like so if you would select yeah you can just click it you can change it or you can move it around and it will be connected still to that particular cell so this is basically just something that most Excel users are already used to so yeah really really nice adult another thing that we have done is that we are now able to give you the possibility to customize the context menu so normally if you right-click one of those cells you'll get like a predefined menu which holds items like insert delete remove disable etc but now you're able to add some of your own items here and they will be identified with the worksheet element so for instance a cell or a row so we'll go check for you if you had selected two row and then you can deal with that with an item in a different way as if it was only cell etcetera so yeah this allows you to add some extra functionality on the context menu and well another feature that we did get some questions about and this is particularly useful in a scenario where you embed like the Excel functionality as a small portion of your application that is the ability to specify a worksheet display area and what that basically means is you can specify the maximum amount of rows and columns in this duck and you also see that when you specify that the scrollbars will get much smaller on the bottom and the side and you can just specify it by calling the method worksheet display area so this is useful for predefined worksheets where you want to reduce the amount of of cells basically yeah I really like this feature in fact I use it quite a bit in Excel because as you can do in Excel you can have just infinitely scroll down to the left or the right and this is a very nice way to have a clean layout some people really like limiting those rows and of course if you've got a spreadsheet already or XLS file that you're opening in our xpx pressure control will honor that as well obviously we are saying with the annotations by the way I mean that that just works with Excel documents as well yeah absolutely so now I want to mention that we're going to be answering some questions at the end so don't worry we'll come back and answer a lot of good questions but with that let's talk about Don they a new set of MVC controls that we're releasing in 17.1 then again this is crazy right because in this 70 point release we're releasing a new set of bootstrap controls a new set of MVC controls and it's I think it's a win-win for our customers so what do we have in store for you is a new set of controls called the dev extreme asp.net MVC controls and what these provide is a way for you to have a new set of image controls now why did we do this so we have the existing MVC controls which if you go to DevExpress comm and if you take a look at products you'll see that we've got these MVC controls and it's 50 plus text extensions and so forth these are actually based a lot heavily on the classic web form controls that we are make available they're powerful a lot of people love them however some people ask us they said listen we really like your client side controls from Gatwick Stream and so if you're not familiar dem extreme is our suite for the JavaScript components that work in angular JIT with jQuery with all sorts of great integrations and they provide a lot of unique features but again that client side so the based on JavaScript so a lot of times net developers are they prefer to have them work with asp.net and so a lot of customers ask us listen we'd like what dev team has to offer and we like sort of that approach we would like these in MVC and so that's what we've done we incorporate them as MVC extensions so they are now native in sections so what this means is by turning them into native everything extensions and essentially what we've done is what we created wrappers and so they wrap the client-side functionality and so now you can use them with Razer code syntax and MVC and also they provide seamless data binding in MVC as well as all the other great of features that you normally get with MVC and so for this release we've created two hundred-plus demos now we've had this just in your integration which means you there's a file new way to get started but what's great is that using this approach not only do we support a speed at MVC from Version three and up but we're also supporting asp.net core now if you haven't seen ah if you're not seen the previous webinars we've covered a couple of these webinars and we'll cover them more in a future webinar as well but you can get started with asp.net core today now what's nice about that is asp.net core is cross-platform which means that it can run on Linux Mac and so forth and what's interesting about that story is that it's not easy for us to provide our classic controls because they have some real good features that hook into Windows exporting for fonts and all that kind of ghost which is where these controls the dev extreme MVC controls make perfect chance because they're based on JavaScript they can run anywhere so these are now fully released with demos now by the way I know I keep saying release and a lot of you are going wait wait I don't see it on the website I promise you I'll address that in just a minute but what I want to mention is they are part of the 17.1 release and you'll be happy to know that you subscribers of asp.net and the experience a universal you get these included as part of your subscription so again even though it's an even though it's a new set of controls they're fully available to you and you now have a choice between classic MVC and dev extreme MVC controls as part of your suite so and I and I want to mention one last thing is that we if you've been following along with this release you've you've been playing around with the betas and stuff you'll be happy to know that we also added a major feature which is the editor for helpers and again Don will probably do a webinar in the future to talk about these kind of things but in essence this is a way to say listen mix um I need a text box use the dev Xtreme MVC text box rather than the regular text box and then it gives you some other features for example validations and so forth so all of this is part of 17.1 which brings me to one of our last slides when is it available and this short answer when I say soon is soon it's likely very soon we're just crossing the the final T's and dotting the dots and all the eyes and all that kind of stuff Julian's on this webinar so you can hold him accountable and try to get a data item but I promise you it's actually very soon we got a webinar every day this week and as soon as it's available will tell you with that okay with that done do you have any closing thoughts well I mean this is just a really really good release I mean we've got the bootstrap controls we've got a direct stream MVC controls I mean and we've got a whole bunch of new fishies on the existing control so I mean we have done so much I mean the teams have done so much work it's yeah it's really exciting using all of these yeah I had a good set completely agree with you the the story for web developers is improving everyday asp.net is you know I was just at a build conference last week they've got all sorts of great announcements about ASP godmen of course they talked a lot about Corp there was even some updates to web forms that they discussed as well but what I'm really happy to know is you know I think again I don't know of any other company making new web forms controls so as you can see DevExpress still cares about providing value to our existing customers and i think if you are using bootstrap you'll find that this is so such a great set of offering for you and if you're doing a lot with NBC you'll be really interested to check out the new NBC controls alright with that let's hand it back to Amanda hey guys thank you some exciting stuff coming up for asp.net MVC a bootstrap all right so while Malou and Dawn are going to take a quick look at the questions I'm just going to go over what's coming up this week for our rest of our launch week webinar so tomorrow May 16th is new and 17.1 WinForms and WPF join Paul usher and CTO Julian Bucknell as they explore the newest desktop components and features set to ship at 17 as part of 17.1 and then Wednesday is new in coderush get a peek inside code rush for Rosalyn and then Thursday new and Deb extreme join our CTO Julian Bucknell and McCool we'll be back for an in-depth review of upcoming html5 and JavaScript products and finally Friday new and 17.1 dashboards reporting and analytics with Julian Bucknell and Paula sure they're going to learn how we're reshaping our data analytics product line and how you can deliver more in less time with 17.1 thanks Amanda it starts just take a quick minute since we have some time left over here to talk about some of these questions some great questions first of all now I will say some of you have some really good questions specific questions about features I would recommend that you post them to support and of course we're answering them here but what's nice is that and when you post them to support you'll get if there's an example available they'll link you to that so definitely you know if you've got a very specific questions like how can I take XYZ feature and make it do that then definitely post that now I will address some questions and some of them been answered Ari but for example some one of the most basic ones is can I import a word file into our rich text editor now if you don't know our rich text editor is essentially just that it's a full on rich text editor it's meant for you to get office like functionality and maybe it's not always obvious but in essence if you were ever sitting there going hey man I really need to take Microsoft Word incorporate into my asp.net project well that's what we this is it's word inspired as you say Microsoft Word inspired control so it does the most basic things like import in Word files in formats like docx RTF all that stuff as well as export to a lot of those formats as well as you can see it's got the powerful ribbon UI metaphor that is inspired by Word as well in office and ah we've been adding all those features and it supports things like mail merging and you know you can change around toolbars it's got a powerful API so it goes way beyond because you can't just take Word and embed it into a co-ed site which is where this powerful rich text editor comes in and again it's different than our HTML editor which is really meant to edit HTML this is rich text formatting and editing which is much more difficult and also powerful so I kind of wanted to address that now somebody asked about the mo AI actually one of the courses here maybe you can get an answer on that the the NPC rappers are compatible with bootstrap 3 4 and with angular 2/4 maybe you can give an answer on that yeah absolutely so a great question they are compatible with bootstrap 3 bootstrap for we're working on and that's because I don't know if they've officially released bootstrap for yet anyways but yeah with bootstrap 3 as far as angular 2 the answer is yes but again their MVC their server side MVC controls right so if you're going if you're looking to use angular what you want to do is you want to go to the dev extreme suite so if you take a look at for example dev extreme if you click on any of the widget and click actually good just little justice press comm click on demos and then click on for example any of these demos here what you'll find is we've got code for not just things like jQuery knockout but you'll see that we've got angular 1 which now is known as angularjs and the current angular and I say the current angular because right now it's angular 2 but very soon it's going to be angular 4 so again we'll talk about this in Thursday's webinar but a Thursdays webinar for dev extreme but in essence yeah we're going to be supporting angular 4 and 17.1 for dev extreme which means the short answer is yes so bootstrap is a front-end framework mostly people care about it steaming and if you don't know dev extreme supports bootstrap a little bit differently but you can just you know upload bootstrap styles and all that so we can talk more about that specification by dev extreme I think on Wednesday but the short answer is yes we support bootstrap 3 and we'll look at 4 as we get closer to release ok Michael has a good question here once again about bootstrap over the web forms controls and what that means Michael is bootstrap is a front-end framework that was started by recently started by Twitter but it quickly became something of its own thing but it's very popular because it allows it's a front-end framework for layout right and also seaming but the layout part means that it has a certain way that it does a sort of for example you can define grids for example and what I mean by grids grids are different when we agree what they mean by grid is they use a grid layout system now this webinar too short to discuss it but I promise you there's a webinar I'm planning to talk specifically about bootstrap and our bootstrap controls but we wanted to support bootstrap because Microsoft is a few years ago basically took bootstrap and so when you go file new with a Microsoft asp.net project template for MVC or web forms they are using bootstrap because Microsoft said well we don't want to have to rewrite that let's just use bootstrap so they adopted bootstrap but in doing so you know they made it difficult for example because they themselves went away from the asp.net theming that they had invented and said they said look you know what boost tends to be popular there's an entire ecosystem of things that are available for bootstrap you can buy proteins you can use free themes and so you can take it you can explore that if you just google bootstrap themes you'll find a ton of stuff out there again I'll talk more about that in a future webinar just keep an eye on our newsletters and we will discuss that so let me so somebody Peter you asked about the react grid join us Thursday I will talk about our react sport Thursday but wow I gotta say guys I'm super happy that you know in the even with asp.net everybody's looking to say okay how do we best you know deliver the best experience for users and sometimes it's server-side sometimes it's client-side I think we're I think oh yeah sure I saw I saw a couple of questions I think that that I can read that I can answer them like in go ahead one answer so I see for instance here where was it again there was a question about like yeah well what should we do should we go for if you want to go for an MCC application that we need to go for that extreme or do we need to go for our MCC controls that we already have it was already answered by support like please take up with our support desk but I think it might be interesting for for quite a bunch of people here because things are getting a bit weird for people who are like they're here all kinds of different technologies here so I think that we can recap that like if you want to go for dotnet core there is no other choice than to use dem extreme because that extreme basically is server agnostic and with the other decks with the other dem express MVC extensions that we have which are based on web forms we are using api's like GDI rendering for reporting and images and so on and those a PRS are still available on dotnet core so it would be really wise to to check what specifications of your application will be and to see if you can use that extreme for that or if you need to go for ever express MVC extensions because the DevExpress MVC extensions they are they yeah at this stage they still have a bit more options and features dev extreme though that the dev extreme team is catching up with them really quickly but that that's probably the most important thing here so check specifications and if you don't know what to go you can always ask our support desk or you can drop me any more like what what should we do for instance we don't have a rich editor for the extreme yet so if you are definitely going to use the rich editor in some form or shared VI you'll probably need to go for the MVC extensions they are talking about like anger again and the bootstrap well angular is basically a framework a client-side framework which will keep track of your application state or on the client and bootstrap is for layout in gear controls and the bootstrap controls that we're not introducing they basically render what we've done is we have taken existing controls and we've changed the rendering engine so basically that means that the HTML which is being produced is according to the bootstrap HTML and the CSS classes and so on and that means that it is boots that it is true bootstrap and as far as I know we're pretty much the only one who have that for web forms right now and what happened for MVC as well but there will be rendered differently as the as the existing DevExpress controls so I think this I hope this is clear for for the people who are asking about what we need to do do we need to go for that extreme or bootstrap or MVC or whatever because yeah those technologies are slightly different from each other but yeah I hope that that this makes a bit of sense for for the people who are asking this so yeah let me let me add on to that I mean our what DevExpress does is we provide you really sort of the UI with whatever platform you choose and so our goal for the web story would DevExpress is to try and address all the different places now for asp.net core currently there is only one option which is these dev extreme embassy controls and if you want to see I've done a webinar on it and don't if you can't find this just you know ping me on Twitter and I'll show you I'll send you these links and all the kind of good stuff but in this webinar we want we did a walk through from file new to how to update events all that kind of good stuff and but the first question you should ask yourself is okay which which platform do I want to choose is that web forms or MVC is a full framework or or net cork or is it completely client-side if I go completely client-side do I want to go angular or do I want to go you know just jQuery so you have a lot of options and decisions and I would suggest that you know you you really explore because there are some benefits you know some people are in the react camps some people aren't their angular camp some people really like that net core and again like I said we only have one option for dotnet core and as you know Don mentioned it's because Gottman core is a new framework that's still being developed and if you're familiar at all with framework from net did you know one of the key ones that we use is something called system drawing and that's still not available in net I think they're trying to figure out a way to get that but until that story improves then we can't do certain things like you know what we rely on with our export engine so all these current asp.net controls the classic ones they use the same export engine that all the other got neck controls use and that's a advantage that we can provide you and you know we can't certain things over we can't poor controls over until that story gets better but that's besides the point what's nice is you have the option now for a speed at net core and you have a couple options for standard MVC all right now with that somebody asked about visual studio on Mac I think that was just announced last week let us figure out what that thing is and how best to make sense for it but likely like Visual Studio code you know a dev extreme most creative Visual Studio code I use video code a lot you've seen me use it in previous webinars but if you're doing things let's say with asp.net I shall prefer full-on Visual Studio professional or higher all right then somebody said is there an easy migration from web forms to bootstrap great question Steve the answer is no and that's because this the boost chef controls is a new set of controls this is not based on sort of the rendering is similar some of the API calls are similar but you can see that this is a new control altogether this is not a SPS grid view this is bootstrap grid and you can see it's got similar things where you've got the columns collection and it's got a field name property but unfortunately if we tried it would be messy and the reason is as I mentioned not every feature is the same we made certain decisions that sit low that feature doesn't make sense in bootstrap grid view maybe we don't put it in so for that reason this grid view in some ways can be considered a little lighter but only because it is also you can consider maybe not as powerful we put in all the necessary features that we saw it makes sense in a bootstrap type of website maybe for front-end or something like that but you know as we go forward we will add more controls more features as they make sense for bootstrap the current plans is to work on an MVC version for a future release and somebody asked Robert asked about the chart control is it responsive the chart control that is included with the bootstrap yes that is responsive and you can play around with those and check out this demo to learn more so for example when we go there you can see because these are based on SVG they adapt quite well to different styles and different form factors ok any other interesting questions let's say any printing improvements you can call out not at this moment I would I would say that question for the webinar on wind forms and they make it into that alright and I think okay our busted' controls available in net core Joe you asked a million-dollar question uh well since you asked the answer is no not yet again if you're not familiar with asp.net core there is no asp.net webforms in asp.net core it's only MVC so what that means is we can't support a speed at midcourt with our bootstrap controls until there is an MVC version will it be possible it's too early to say Joe I think you should just wait and see but what the story now that's available with these rappers or what we call them definition memory see controls now these do support bootstrap and as I mentioned if you go to the JSF Express comm website and you click on this beam builder you'll see that you can upload any less variables file now what that means is if you go to for example boots watch and download the let's go - let's go - let's say solar if you look at solar here and you click on this drop down you'll find this variable thoughtless file now if you save this file and upload it to this dis setting here you'll see that all the controls will adapt so what's nice is that the devil stream controls based theme already is compatible with the bootstrap based theme but if you want a different theme you can just upload the less variables file and then adapt and again this story is also the same for the dev extreme MVC controls as well all right I think there isn't too many if I've missed any please please contact us now a lot of what we're doing today is based on your feedback so email me I let us know on Twitter even if you if you like the stuff and just our like hey I'm super happy with it let us know it always makes the devs happy to know how customers are using this stuff makes me happy I'm like all right people like this stuff they're using it what's your favorite feature is or again if it's just something things you'd like to see happen let us know as well we love to hear feedback and you know with that a lot of you have asked about questions about sort of some client-side technologies and as Amanda mentioned we've got webinar coming up later this week as well and so Julian and I we're going to talk about the client side story so come join us for that webinar and you'll see a lot more of the dev stream stuff for now my only request is if you the way you can get the 17.1 beta right the 17 and full release is coming and you'll know that just when you go to express calm and I'll say 17.1 is available you get an email from a story you will know when 70 points available but if you are logged in go log into deltas calm and go to your download manager you can find the beta for 17.1 in your download manager so download 17.1 and then open up the demo center play around with the bootstrap controls play around with the new features for HP net as well as the dev extreme MVC controls will be available for you as well now typically we put our out we put our demos for relief under the C users public Documents folder and if you go to dev extreme you'll find the dev extreme and receipt controls we got samples for a spread core and for standard MVC so play around with all of these new controls and again we have webinars that cover them as well alright with that if you have other questions about specifically for support about subscriptions you know we have our people to help you with that with that Amanda let me hand it back over to you done thank you very much awesome thank you guys so much thanks Don thanks to the whole and like we mentioned earlier today's webinar will also be made available on our DevExpress youtube channel later today I already posted that link in the chat box and that is it for this one thank you so much to Mahal and Don thank you all for joining us and of course thank you for choosing DevExpress alright

Channel: DevExpress

Views: 7,030

Rating: 4.7142859 out of 5

Keywords: Developer Express, DevExpress, ASP.NET, Bootstrap, MVC

Id: b4u9XJqgLxg

Length: 62min 1sec (3721 seconds)

Published: Tue May 16 2017