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

  • 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.

    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

    The Scheduler's timeline view had a problem where it would squeeze together appointments so that you wouldn't be able to read them:

    This happens because the Timeline has too many intervals. For example, in the image above, 14 intervals (two weeks) are set and the width of the editor is 900px. So, all 14 intervals are shown and it is hard to read appointments because the text doesn't fit in the container.

    To solve this, we've added the "DisplayedIntervalCount" property that lets you restrict the visible intervals to the editor's width. So for the image above, we'll set the "DisplayedIntervalCount = 3" and reduce the visible intervals from 14 to 3:

    Now, we can see the appointments and their text. However, limit the visible intervals doesn't mean that the other intervals will not be displayed. We've added horizontal scrolling to view the rest of the intervals:

    This approach does have one drawback. If you want to see an appointment that is further to the right (in the intervals), then you'll need to scroll to the right. To help with this scenario, you can use the forward button which will jump to the next appointment:

    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

  • DevExpress NuGet - Preview Release - Get your key

    The preview release of the DevExpress NuGet feed is now available for all DevExpress customers.

    In early March 2017, we released a private beta feed of our NuGet packages as an experiment because some customers needed them for their build scenarios. They did not want to run our complete installer on the build server but install only the necessary assemblies for compliation. NuGet packages are great for this scenario, however they do have limitations like not installing design time wizards and (File-New) project templates into Visual Studio.

    To add the DevExpress NuGet feed into your Visual Studio, you need a specific authorization key that is generated for your individual accounts. This key makes sure that you have access to the proper NuGet packages. Therefore, if you want the Dashboard NuGet packages, then you'll need to have a Universal license.

    To get the key is easy. Simply login to your DevExpress account and go the download manager. There at the bottom of your list of products that you've purchased, you'll see a section that specifies your NuGet authorization key:

    The key will display as a number and it will also be a link. So you'll see your official key, something like this (but please note this is not a real key -- I just bashed a bit on my keyboard's number pad!):

    e8238459894859485849859485948594895849859844958945K

    And if you copy the link then you'll have the URL too:

    https://nuget.devexpress.com/e8238459894859485849859485948594895849859844958945K/api

    Once you have copied your key/URL from the download manager then follow this excellent step-by-step guide to setup your Visual Studio instance for our NuGet packages:

    DevExpress NuGet Packages: T466415

    Packages

    Use the list below to determine which packages you need for your project:

    • DevExpress.Web (All ASP.NET WebForms and ASP.NET MVC projects)
    • DevExpress.Web.Mvc (ASP.NET MVC Projects)
    • DevExpress.Web.Mvc5 (ASP.NET MVC Projects)
    • DevExpress.Web.Office (Spreadsheet and RichEdit controls)
    • DevExpress.Web.Reporting (Reporting)
    • DevExpress.Web.Scheduler (Scheduler)
    • DevExpress.Web.Themes (Themes)
    • DevExpress.Web.Visualization (Chart and Gauge controls)
    • DevExpress.Web.Bootstrap (ASP.NET Bootstrap controls)
    • DevExpress.Web.Dashboard (ASP.NET WebForms Dashboard) - v16.2.5
    • DevExpress.Web.MVC.Dashboard (ASP.NET MVC Dashboard) - v16.2.5
    • DevExpress.Web.MVC5.Dashboard (ASP.NET MVC Dashboard) - v16.2.5
    • DevExpress.Document.Processor - v16.2.6
    • DevExpress.Xpo - v16.2.6
    • DevExtreme.AspNet.Core - v16.2.6
    • DevExtreme.AspNet.Mvc - v16.2.6

    Required

    The DevExpress NuGet feed requires the following:

    1. You must be a licensed customer
    2. Only certain development platforms like ASP.NET are currently available
    3. You should realize that this NuGet support is still only available as a 'beta', we are still working on the full implementation
    4. You must be using version 16.2, since that version is all we support
    5. Please read the section about "Limitations" before you switch to using NuGet packages

    Limitations

    The biggest limitation for NuGet packages is that by design they cannot affect the Visual Studio IDE. In other words, they are most convenient for development scenarios such as build servers.

    What this means in practice is that we will not be providing DevExpress design-time assemblies via NuGet, and hence the DevExpress controls will not be available in the Visual Studio Toolbox if you use these new packages. You will still have to install the product via our installation program for those design-time experiences.

    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

  • ASP.NET AJAX Control Toolkit - v17.0.0 - Visual Studio 2017 Support

    Now that Visual Studio 2017 has been released, we've updated the Ajax Control Toolkit to work with the latest version of VS2017. This support means that you can use the Visual Studio designer and toolbox to drag-and-drop controls on to your WebForms.

    ASP.NET AJAX Control Toolkit - VS2017

    This minor release for the Ajax Control Toolkit includes a few fixes and improvements too. Take a look at this Github diff to see some of the changes.

    You can download the update release here:

    ASP.NET AJAX Control Toolkit v17.0.0 - Visual Studio 2017 supported

    Feedback

    Download this update release and then give us your feedback on 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).

  • Best Practices for a Fast, Responsive, Searchable ASP.NET Grid

    Have you ever wondered, "Hey, how do you get a make fast, searchable, and mobile-friendly ASP.NET Grid?"

    I'm glad you asked because I have the answer for you. First, start with DevExpress ASP.NET controls, of course.

    Best Practices

    How you design your web app matters to its performance, functionality, and appearance. To create a fast and mobile-friendly ASP.NET Grid that can filter results, you need to consider how you think about data access, grid features, and Bootstrap.

    Watch this recent webinar where I cover this topic in-depth:

    In the video, you will learn a few best practices that we recommend when creating an ASP.NET Grid with scenario I described above.

    Sample Source

    Download the full Visual Studio solution for the sample in the webinar video here:

    Best Practice - ASPxGridView - Online Dictionary mobile friendly web application

    To download it, click the 'Example' link on the right-side of the page.

    Feedback

    I'd love for you to watch the video, try our Code Central sample, and then give us your feedback.

    What do you think about the "Best Practices for a Fast, Responsive, Searchable ASP.NET Grid" webinar? Drop me a comment below, or tweet me.

    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).

  • DevExpress NuGet Packages - Now Available (v16.2.4)

    Update: XPO and Document Processor added to NuGet feed in v16.2.6 minor release

    Update: Dashboard packages added to NuGet feed in v16.2.5 minor release

    Good news, we are now offering NuGet packages for our ASP.NET subscriptions.

    NuGet is the package manager for the Microsoft development platform including .NET. -NuGet.org

    Licensed customers can request access to the Beta version by writing to support@devexpress.com.

    Setup

    Add DevExpress NuGet Feed

    Follow this excellent step-by-step guide to setup your Visual Studio instance for our NuGet packages:

    DevExpress NuGet Packages: T466415

    Required

    The DevExpress NuGet feed requires the following:

    1. You must be a licensed customer
    2. Only certain development platforms like ASP.NET are currently available
    3. You should realize that this NuGet support is still only available as a 'beta', we are still working on the full implementation
    4. You should be using version 16.2, since that version is all we support
    5. Please read the section about "Limitations" before you switch to using NuGet packages

    Limitations

    The biggest limitation for NuGet packages is that by design they cannot affect the Visual Studio IDE. In other words, they are most convenient for development scenarios such as build servers.

    What this means in practice is that we will not be providing DevExpress design-time assemblies via NuGet, and hence the DevExpress controls will not be available in the Visual Studio Toolbox if you use these new packages. You will still have to install the product via our installation program for those design-time experiences.

    Packages

    Use the list below to determine which packages you need for your project:

    • DevExpress.Web (All ASP.NET WebForms and ASP.NET MVC projects)
    • DevExpress.Web.Mvc (ASP.NET MVC Projects)
    • DevExpress.Web.Mvc5 (ASP.NET MVC Projects)
    • DevExpress.Web.Office (Spreadsheet and RichEdit controls)
    • DevExpress.Web.Reporting (Reporting)
    • DevExpress.Web.Scheduler (Scheduler)
    • DevExpress.Web.Themes (Themes)
    • DevExpress.Web.Visualization (Chart and Gauge controls)
    • DevExpress.Web.Bootstrap (ASP.NET Bootstrap controls)
    • DevExpress.Web.Dashboard (ASP.NET WebForms Dashboard) - v16.2.5
    • DevExpress.Web.MVC.Dashboard (ASP.NET MVC Dashboard) - v16.2.5
    • DevExpress.Web.MVC5.Dashboard (ASP.NET MVC Dashboard) - v16.2.5
    • DevExpress.Document.Processor - v16.2.6
    • DevExpress.Xpo - v16.2.6

    Feedback

    What do you think about the new DevExpress NuGet packages? We'd love to hear your feedback. Please let us know by adding your feedback to this knowledgebase article.


    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).

  • How to Easily Search DevExpress Documentation from Visual Studio

    In the 16.2.4 release, we've added a new Visual Studio extension that helps you to easily lookup the online DevExpress Documentation at: https://documentation.devexpress.com or https://help.devexpress.com

    This gives you the benefit of accessing DevExpress documentation through Visual Studio without having to install the documentation into your local hard drive.

    A few releases ago, we separated out the documentation from our main DXperience installation to reduce file size and improve the installation experience.

    Now with this new 'help lookup' extension, you can use the handy 'F1' help lookup key in Visual Studio and it will use the online search without local documentation installed.

    Here's how it works when you click a DevExpress API member (property, field, etc) and then press 'F1'. Click the play button below the image:

    Installation

    Download and install the DXperience v16.2.4 release and this new extension will be available in your Visual Studio.

    This extension works with Visual Studio 2012, 2013, 2015, and 2017 RC.

    Using the extension

    Set Visual Studio's Help Preference to 'Launch in Browser': use HELP –> Set Help Preference –> Launch in Browser menu item:

    Visual Studio Help Preference Launch in browser

    To make sure this feature is set, you may need to switch this setting from 'Launch in Help Viewer' and then back to 'Launch in Browser'.

    Now when you write code that uses DevExpress API and press F1 on different API members (namespaces, classes, interfaces, enums, methods, properties, events, fields), you'll be directed to the help topic online!

    Feedback

    Currently, the extension works only with code editors and in the standard 'Properties' window. We plan to support the DevExpress designers later.

    If you find any issues or have any feedback about this new extension then please contact our support@devexpress.com team and let us know.

    What do you think about the DevExpress Visual Studio online help extension? Drop me a comment below, or tweet me.

    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).

1
2 3 4 5 6 7 8 9 10
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