Mehul Harry's DevExpress Blog

This Blog

News


Mehul Harry is the DevExpress Web Program Manager. Follow him on twitter: @Mehulharry

Subscribe (RSS, Email)

Archives

April 2017 - Posts

  • Announcing the DevExtreme MVC Controls for ASP.NET MVC and .NET Core - Available in v17.1

    I'm happy to announce that the official release of our DevExtreme MVC Controls for ASP.NET MVC (v3 and higher) and .NET Core (v1.0 and v1.1) is available in the v17.1 release. We started this journey to bring the versatile client-side functionality of our DevExtreme JavaScript widgets to ASP.NET MVC almost a year ago. Some developers prefer this approach over the other excellent ASP.NET MVC Controls that we offer. If you want to catch up on some of the past news about these controls then please take a look here: 'DevExtreme MVC Controls Blog Posts Archive'.

    By using the 'DevExtreme MVC Controls' you get:

    • Every Feature of DevExtreme in Your MVC App
    • DevExtreme Widgets with Razor Code Syntax
    • Seamless Data Binding
    • Client-Side Data Validation
    • 200+ Demos
    • Visual Studio Integration

    Part of ASP.NET Subscription

    The DevExtreme MVC controls are available as part of the ASP.NET Subscription (v17.1) installation. Learn more about our subscriptions here.

    Controls not wrappers

    We've been referring to our new MVC offering as 'wrappers' because they are client-side JavaScript widgets that are encapsulated in a server-side ASP.NET MVC control. 'Wrappers' was an internal codename. At DevExpress, a user interface (UI) control is something that has properties, features, functionality, UI, etc. And that's what these controls offer your ASP.NET MVC projects. So, henceforth, we'll officially call them the 'DevExtreme MVC Controls'.

    v17.1 release:

    It takes a lot to bring a suite of controls to release state and you'll be happy to know that we've got the important bits for you covered:

    • Documentation
    • Technical Demos that cover 200+ use-case scenarios.
    • Integrated Project Tools allow you to add DevExtreme controls to existing ASP.NET MVC and .NET Core projects.
    • Visual Studio® 2017 Support
    • C# and Visual Basic Support
    • Strongly-Typed 'EditorFor' Helpers for DevExtreme Editors

    EditorFor Helpers

    This was a necessary piece of functionality that we wanted to make sure was there before release. 'EditorFor' helpers simplify the data binding of DevExtreme editors to model properties. 'EditorFor' helpers auto populate widget properties (e.g. name, value, placeholder, validation settings, etc.).

    More to come

    What's great about these controls is that any time we add or improve the core DevExtreme JavaScript widgets, then these DevExtreme MVC Controls get the benefits too. For example, we're introducing a TreeList widget which will be part of these MVC controls too.

    What do you think about the DevExtreme MVC Controls? Drop me a line below.

    Email: mharry@devexpress.com

    Twitter: @mehulharry


    Create highly responsive web apps for touch-enabled devices and traditional desktops.

    From desktops to mobile devices, DevExtreme HTML5 Data Grid delivers the flexibility you’ll need to build apps that reach the widest audience and deliver touch-first user experiences to power your next great interactive website.

    Download a free and fully-functional version of DevExtreme now: Download DevExtreme

  • Bootstrap Controls from DevExpress ASP.NET! - Now Available (v17.1)

    The new DevExpress ASP.NET Bootstrap controls are now officially available in the v2017.1 release. These are a new set of ASP.NET WebForms controls that provide great integration with the Bootstrap framework.

    If you'd like some background about the Bootstrap controls like why we made them, the benefits, and what's been happening in the last year since we announced them then please take a look at these blog posts:

    For now, let's dig into this official release...

    What's included?

    Support for the Bootstrap framework out-of-the-box. That means you can start to use the controls with Microsoft's ASP.NET project templates that use Bootstrap or use a starter project template that we provide. This also means that you can use virtually any Bootstrap theme available out there today.

    There's also four major category of controls that are included with the initial release: GridView, Charts, Navigation, and Editors. Because they're ASP.NET controls, you can customize them through Visual Studio:

    GridView

    Our new Bootstrap GridView supports many of the same features as the ASPxGridView. Features like databinding, editing, exporting, templates, filtering, and more!

    DevExpress ASP.NET Bootstrap GridView

    Charts

    For the charts, we've integrated the excellent DevExtreme Charts as ASP.NET server controls. This way, you get the best of both worlds. You'll be able to databind on the server while still getting the client-side (svg-based) charts that produce great effects.

    Navigation

    An Accordion, Menu, Pager, Popup, Tabs, and TreeView are included. These are commonly used controls in a Bootstrap based website so you'll be happy to know that you can use DevExpress controls that provide more features than typical Bootstrap controls:

    Editors

    There are 15 editor controls which include: Button, ButtonEdit, Calendar, CheckBox, CheckBoxList, UploadControl, ComboBox, DateEdit, ListBox, Memo, ProgressBar, RadioButtonList, Spin Editor, and TextBox. There's also a special control, called FormLayout, that uses many of the editors to help you build adaptive form editor layouts easily.

    We've also added the excellent validation features to help you create great input forms. For example, you can make a custom validation form using our Bootstrap editor controls like so:

    DevExpress ASP.NET Bootstrap Editors: Custom Validation

    Visual Studio Templates

    To help you get started, we've aded a Bootstrap project template within the DevExpress Template Gallery:

    Themes & Beautiful Demos

    We've updated the Bootstrap demos for this official release and I recommend you try them out. For now, download the v17.1 release available through your download center. Then launch the Bootstrap demos from the v17.1 Demo Center and you'll see the new home screen:

    Because these are Bootstrap based controls, you can use them with nearly any free or paid Bootstrap themes. For our new Bootstrap demos, we've have incorporated all the free Bootstrap themes from Bootstwatch.com. And we've also tested our controls with a few paid themes but, due to licensing, we cannot release those with our demos. While we cannot test every theme out there, I encourage you to try different Bootstrap themes with our controls. You'll be amazed at how well our controls adapt to the theme. Of course, if you find any issues, then please let us know and we'll work to improve our controls.

    Click the gear icon on the top right to change settings like the Bootstrap theme.

    Classic vs Bootstrap?

    By the numbers, the current (classic) DevExpress ASP.NET WebForms subscription offers 100+ controls, including the very powerful ones like our office controls. Not all of these controls are available in the Bootstrap controls. Our plan is not to replace our current set of WebForms controls but to provide an alternative for those of you who choose the Bootstrap framework.

    I recommend that for new projects, you consider using the Bootstrap controls after you've verified the necessary controls are available there. It is likely that in the future we may add more Bootstrap controls based on your feedback. So be sure to let us know your thoughts.

    What about ASP.NET MVC?

    I'm happy to say that thanks to your feedback, we're working on an ASP.NET MVC version too. It'll likely be in a future major release so stay tuned to this blog and our newsletters for more info.

    Compatibility

    These new controls are compatible with the latest version of Bootstrap: Currently v3.3.7 release.

    Feedback

    What do you think of the official release of the DevExpress Bootstrap Controls? Drop me a line below.

    Thanks!


    Your Next Great .NET App Starts Here

    Year after year, .NET developers such as yourself consistently vote DevExpress products #1.

    Experience the DevExpress difference for yourself and download a free 30-day trial of all our products today: DevExpress.com/trial (free support is included during your evaluation).

  • DevExtreme is now available via GitHub, here's why that's useful to you...

    The DevExtreme set of widgets provide you great features, functionality, beauty, and integration with popular frameworks like Angular. Getting started is easy with DevExtreme because it's available through the installer and also these great package managers: npm, bower, and NuGet! Today, I'm happy to announce that we're making it even easier, because now you can also get DevExtreme on GitHub:

    https://github.com/DevExpress/DevExtreme/

    GitHub rocks

    GitHub is great for client-side libraries and developers like you because GitHub repositories provide for:

    • Contribute
    • Report issues
    • Get early previews

    With DevExtreme on GitHub, it'll make it easier for you, our customers, to access DevExtreme through the most popular source-code repository but also to interact with the DevExtreme developers. Our developers use an Agile development approach and GitHub works great with this process of sprints, spikes, etc. So our developers have been looking forward to making our repo public to DevExtreme in the hands of more developers and to get your feedback.

    Pre-release builds

    Another benefit of hosting on GitHub is that we'll be able to provide "pre-release" packages on npm, bower, and NuGet. These packages will provide access to new upcoming enhancements that the team is working on well before we release them via the usual DevExpress Download Center. You'll see new features in advance of the official stable releases on devexpress.com). And by giving us early feedback, you can help guide our plans.

    Contribute

    You can contribute fixes and suggestions back to the DevExtreme GitHub repo by submitting a pull request.

    Get Started

    Getting started with our GitHub repo is easy as forking it right from the command line. Or download it from one these package managers: npm, bower, or NuGet.

    Star it now!

    Go to the DevExtreme GitHub page and click the "Star" link at the top please. This will get you regular updates and news about our repository.

    Then click the 'Watch' button to get updates.

    License FAQ

    As you may have gathered by reading between the lines, DevExtreme now provides both a commercial and non-commercial license. If your project falls under the "non-commercial" category then you can now use DevExtreme for free (but without support). Learn more here: DevExtreme Licensing.

    What do you think about DevExtreme on GitHub? Drop me a line below.

    Email: mharry@devexpress.com

    Twitter: @mehulharry


    Create highly responsive web apps for touch-enabled devices and traditional desktops.

    From desktops to mobile devices, DevExtreme HTML5 Data Grid delivers the flexibility you’ll need to build apps that reach the widest audience and deliver touch-first user experiences to power your next great interactive website.

    Download a free and fully-functional version of DevExtreme now: Download DevExtreme

  • New Hint Control - DevExpress ASP.NET (v17.1)

    We're introducing a new ASP.NET control in the v17.1 release: the Hint control.

    The Hint control provides, well, hints. A small notification popup, in other words. In the image below, we're using the new Hint control to show the full GridView cell text on the mouse-over event:

    DevExpress ASP.NET Hint Control

    This saves you from defining wide columns on the GridView but still be able to show the user the full text of the cell. Previously, we relied on our handy DevExpress ASP.NET Popup control for similar tasks. However, the popup control provides a lot more features and tends to be heavier for small tasks that require only a hint. So, we created the Hint control to offer you another way to display lightweight notifications.

    Light Client-Side

    The unique thing about our new Hint control is that it's mostly a client-side control which is wrapped in a server-side ASP.NET control. Why would we do that? Well, the Hint control is really lightweight and it would be overkill to generate it on the server.

    Features

    As you might expect, the DevExpress ASP.NET Hint Control generates its content on demand and displays it within a box along with an arrow targeting the specified UI element on a web page.

    Features include:

    • A trigger action to display the hint (hover, click, focus, programmatic).
    • Customizable delay before the display of the hint.
    • Animation effects.
    • Callout element availability.
    • Position over the target element (bottom, top, left, right).
    • Title text/markup (static or retrieved from the target element's attribute).
    • Content text/markup (static or retrieved from the target element's attribute).
    • Customizable size (height/width).
    • Absolute positioning (x/y).

    What do you think about the new DevExpress ASP.NET Hint control? Drop me a line below.

    Thanks!


    Your Next Great .NET App Starts Here

    Year after year, .NET developers such as yourself consistently vote DevExpress products #1.

    Experience the DevExpress difference for yourself and download a free 30-day trial of all our products today: DevExpress.com/trial (free support is included during your evaluation).

  • New Agenda View and more - DevExpress ASP.NET Scheduler Control Enhancements - v17.1

    In the DXperience v2017.1 release we've added slick new features to the DevExpress ASP.NET Scheduler control:

    1. New Agenda View

    The Scheduler control now includes the highly-anticipated agenda view. An agenda view is helpful because it only shows your upcoming appointments. This saves you time when you need to find what's next on your schedule. And our new agenda view also has a great look to it that was inspired by popular online calendar services:

    DevExpress ASP.NET Scheduler - Agenda View

    2. Timeline View Improvements

    Horizontal Scrolling

    In previous version you could only use “back” and “forward” buttons of the View Navigator to switch between visual intervals in the view. If the first visible day in the TimeLine view was Wednesday and you wanted to see appointments for the entire week then it was not possible because the “back” button click resulted in switching to a previous visual “page” and the “Wednesday”, “Thursday”, “Friday” days will be hidden. The same behavior happed for the “forward” button too:

    DevExpress ASP.NET Scheduler - Horizontal Scrolling

    With the version 17.1 release, you can adjust the IntervalCount and DisplayedIntervalCount properties to display a horizontall scroll bar that allows you to smoothly scroll the visible days within the current week, without switching visual 'pages':

    DevExpress ASP.NET Scheduler - Horizontal Scrolling

    Vertical Scrolling

    Previously, if there are a lot of resources to be displayed simultaneously in a browser window then you could only use a browser’s vertical scrollbar to see the 'hidden' resources. The main issue here was that the browser’s scrollbar scrolls the entire ASPxScheduler's content including the date headers, resource navigator, and view selector. So, even if you can see the 'hidden' resources, you were not able to fix them to see the date headers and analyze what time intervals are currently visible in the view:

    DevExpress ASP.NET Scheduler - Vertical Scrolling

    With the v17.1 release, you can restrict the height of the TimeLineView scroll area (using the TimeLineView.TimeLineViewStyles.ScrollAreaHeight property) to display an internal TimeLineView’s vertical scrollbar. Using this property allows you to smoothly scroll between the visible resources. All other TimeLine visual elements (date headers, resource navigator, and view selector) will be fixed in place:

    DevExpress ASP.NET Scheduler - Vertical Scrolling

    3. Keyboard Support

    The DevExpress ASP.NET Scheduler Control now offers keyboard shortcut support for a variety of end-user actions including time cell and appointment navigation and selection, appointment editing and view switching. You can also create additional shortcuts and associate them with your custom client-side logic.

    4. Client API Improvements

    We've improved the Scheduler's client API and added two events that you can override and add your own custom client actions:

    • CellClick
    • CellDoubleClick

    Finally, there's also a new ASPxClientScheduler.GetVisibleAppointments method that returns the Scheduler's visible appointments. These client improvements came directly as a result of your feedback so keep that coming please.

    Which of the enhancements to the DevExpress ASP.NET Scheduler Control are you most excited about? Drop me a line below.

    Thanks!


    Your Next Great .NET App Starts Here

    Year after year, .NET developers such as yourself consistently vote DevExpress products #1.

    Experience the DevExpress difference for yourself and download a free 30-day trial of all our products today: DevExpress.com/trial (free support is included during your evaluation).

  • ASP.NET AJAX Control Toolkit 11th Anniversary - v17.1.0 (Available Now)

    Today marks the ASP.NET AJAX Control Toolkit's 11 year anniversary! To celebrate, we're releasing v17.1.0 that contains new features, bug fixes, an updated installer, and NuGet packages. More on this below.

    A long time ago...

    Originally known as the “Atlas” Control Toolkit, this library was released on April 12th, 2006. If you'd like to go down memory lane, here's the official announcement that was followed by ScottGu's excellent blog post.

    The first version of the AJAX Control Toolkit contained 35 UI controls. Later, a number of useful controls were added: charts, file upload controls, a color picker, and an HTML editor.

    The toolkit has changed owners and gone through lots of source code changes. Check out this visualization of the AJAX Control Toolkit's source changes since 2009:

    DevExpress Maintained & Upgraded

    It's hard to believe but you can still upgrade the ASP.NET AJAX Control Toolkit from the very first release to the latest v17.1 without (major) issues. This is no small feat since it has changed source and evolved many times (see video). In fact, the ASP.NET AJAX Control Toolkit (DevExpress Edition) supports the latest versions of:

    • All major modern browsers (Chrome, IE, Firefox)
    • .NET Framework
    • Visual Studio IDE

    v17.1 - Major Changes

    ColorPickerExtender - new palette

    A new continuous color palette was added to the ColorPickerExtender. Many thanks to Yoann Nivel for contributing this feature!

    ASP.NET AJAX Control Toolkit - ColorPickerExtender

    The new color palette is an optional property and can be enabled with the following code:

    <ajaxToolkit:ColorPickerExtender PaletteStyle="Continuous" />

    HtmlEditorExtender - Preview mode

    Since the HtmlEditor has been deprecated, we've added the preview mode to it's replacement, the HtmlEditorExtender:

    ASP.NET AJAX Control Toolkit - HtmlEditorExtender

    This mode allows you to click on pasted links, which is not possible in content mode. To enable it, use this property:

    <ajaxToolkit:HtmlEditorExtender DisplaySourceTab="true" />

    AjaxFileUpload handler path - new property

    A new property now allows you to specify the upload handler path programmatically for the AjaxFileUpload:

    ajaxFileUpload.UploadHandlerPath = "MyFolder/AjaxFileUploadHandler.axd"

    Helpful links

    Helpful documentation articles are available here:

    Download v17.1.0

    You can download the latest release here:

    ASP.NET AJAX Control Toolkit v17.1.0

    Click the download button above and the get the latest bits.

    Or use the Nuget package: ASP.NET AJAX Control Toolkit Nuget package

    Or download the installer and/or source from GitHub:

    Try DevExpress ASP.NET

    We’d like to thank you for installing the DevExpress Edition of the AJAX Control Toolkit and look forward to your feedback as you begin using it.

    When we took over the fabulous ASP.NET AJAX Control Toolkit, our goal was to reach those web developers who want to use great web user interface controls for their web projects and DevExpress ASP.NET provides that and much more.

    Try the free DevExpress 30 day trial.

    Email: mharry@devexpress.com

    Twitter: @mehulharry


    Your Next Great .NET App Starts Here

    Year after year, .NET developers such as yourself consistently vote DevExpress products #1.

    Experience the DevExpress difference for yourself and download a free 30-day trial of all our products today: DevExpress.com/trial (free support is included during your evaluation).

  • DevExtreme - Fixing ISO Dates (v16.2.6 & v17.1)

    When you’re passing a date between a client and server in JSON format, you could pass it in any number of formats. This inconsistency causes some serious headaches for your projects. In fact, XKCD highlights the problem (and solution) fairly accurately here:

    ISO 8601

    The general solution is to use a common format like ISO 8601. And while most JSON serializers use this format, other issues come up.

    After reading the date from the JSON payload, you typically want to parse this date into a JavaScript Date object. For DevExtreme, we had decided to allow the browsers to parse these date strings. Unfortunately, not all browsers parse the date strings correctly.

    For example, let’s say we had this value in our JSON:

    "OrderDate":"1996-07-04T00:00:00"

    When this was loaded by our DataGrid and viewed in Chrome, the time would shift according to the time zone. So, this OrderDate when displayed in the DevExtreme DataGrid’s date column could display a day before. Therefore, July 3rd instead of July 4th. This affected our other widgets too like the Calendar, Scheduler, PivotGrid, DateBox, etc.

    So to solve this, we decided that it would best to parse these date strings internally by the DevExtreme framework rather the browser to get the most accurate result.

    The Force Awakens

    We’ve added a new option in v16.2.6 called, forceIsoDateParsing, which solves the issue by correctly parsing and serializing the ISO dates for you. And you can enable it easily by setting this option to true. For example, here's how to enable it in the head section of an MVC view that uses the DevExtreme MVC Wrappers:

    <head>
      ...
      <script>
        DevExpress.config({ forceIsoDateParsing: true });
      </script>
    </head>

    Warning

    However, enabling this feature in an existing DevExtreme project could have some unexpected behavior. While the forceIsoDateParsing option will fix the issue, we recommend that you test this feature in your testing/staging environments before you release it to production. Because dates will now display accurately, they may shift appointments in the Scheduler or display different times in the DataGrid, as an example.

    For new projects, you should enable it by default.

    Where does this matter?

    While this is a general issue with ISO dates and DevExtreme, we found that the following scenarios should be concerned with this issue:

    • Editing dates with DataGrid
    • Editing appointments
    • Anything date related

    Optional until v17.1

    In v16.2.6 release, the forceIsoDateParsing option is not enabled by default. Which means that you need to enable it manually.

    However, in v17.1, it will be enabled by default. So, that is why we recommend you this test and let us know your results.

    In general, this feature will help you and we’re only being cautious to warn you if you find that your dates have shifted. The good news is that they will now display correctly regardless of the browser or timezone. The bad news is that it could have unexpected behavior that I mentioned earlier.

    If you run into any issues then please contact our support department and they can help you.


    Create highly responsive web apps for touch-enabled devices and traditional desktops.

    From desktops to mobile devices, DevExtreme HTML5 Data Grid delivers the flexibility you’ll need to build apps that reach the widest audience and deliver touch-first user experiences to power your next great interactive website.

    Download a free and fully-functional version of DevExtreme now: Download DevExtreme

LIVE CHAT

Chat is one of the many ways you can contact members of the DevExpress Team.
We are available Monday-Friday between 7:30am and 4:30pm Pacific Time.

If you need additional product information, write to us at info@devexpress.com or call us at +1 (818) 844-3383

FOLLOW US

DevExpress engineers feature-complete Presentation Controls, IDE Productivity Tools, Business Application Frameworks, and Reporting Systems for Visual Studio, along with high-performance HTML JS Mobile Frameworks for developers targeting iOS, Android and Windows Phone. Whether using WPF, ASP.NET, WinForms, HTML5 or Windows 10, DevExpress tools help you build and deliver your best in the shortest time possible.

Copyright © 1998-2017 Developer Express Inc.
All trademarks or registered trademarks are property of their respective owners