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

  • Known Issues in .NET Core Tools (preview 2) for Visual Studio and Workarounds

    Since releasing the DevExtreme ASP.NET MVC Wrappers for ASP.NET Core, we've seen some issues with the Visual Studio 2015 Tooling Preview 2 (for .NET Core 1.0).

    Below are three issues with workarounds that could help you. Please keep in mind that many of the issues are likely related to the tooling software being in 'preview' mode. Microsoft is aware of most of these issues and they will likely address them in a future release.

    Three known issues and workarounds

    The following issues relate to ASP.NET Core projects (both .NET Framework and .NET Core):

    1. Bower search dialog cannot find packages

    This issue occurs when bower in Visual Studio can find a package but not install it. Take a look at the details here: aspnet/Tooling#506. This is a known issue which means it may be addressed in a future build.

    Workaround

    Edit the bower.json file manually. If bower.json is missing, enable 'Show All Files' in the Solution Explorer toolbar.

    DevExtreme ASP.NET MVC Wrappers - ASP.NET Core - Project Template

    Then add your packages directly to bower.json and run the 'Restore Packages' command.

    2. Bower may install wrong versions of packages

    If git.exe is not available in your local PATH, then Bower may install the wrong versions of packages.

    Yes, this is an unpleasant issue where the symptoms may include:

    • missing JavaScript files
    • various JavaScript runtime errors
    • messages about using incompatible libraries

    Luckily, Microsoft is aware of the issue which you can also track here: aspnet/Tooling#575. And there is a StackOverflow discussion too: http://stackoverflow.com/a/38460014

    Solution:

    1. Install Git for Windows
    2. Delete your local bower directory: %USERPROFILE%\AppData\Local\bower
    3. Restart Visual Studio
    4. Delete wwwroot/lib
    5. Restore bower packages

    3. DevExtreme ASP.NET Core project templates fail to restore packages

    This issue appears as the yellow error bar at the top of Solution Explorer:

    DevExtreme ASP.NET MVC Wrappers - ASP.NET Core - Restore Packages Error

    Workaround

    We've found a workaround for this issue and fixed it in the DevExtreme v16.1.6 release.

    If you don't have v16.1.6 yet, then you can use this simple workaround: invoke package restore manually ("Restore Packages" item in the context menu of project node in Solution Explorer)

    Also, this issue will likely be solved in Visual Studio tooling when the .NET Core projects are switched from project.json to csproj/MSBuild. Microsoft is aware of this issue as well.

    Try DevExtreme Components for ASP.NET Core today!

    Download DevExtreme v16.1.6 and let me know your thoughts about ASP.NET Core in the comments below. Thanks!

    Keep in mind that the Visual Studio tooling (for .NET Core) is still in preview. We are sure that Microsoft will address the issues and provide the best environment to build .NET Core apps.

    Leave me a comment below or email me: 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).

  • ASP.NET Identity - Login with Microsoft Account, Facebook, Twitter, and Google - v16.1

    Good news! We've added support for Microsoft's ASP.NET Identity membership system. What is ASP.NET Identity? Pranav, the Microsoft PM, describes it best here:

    ASP.NET Identity allows you to add login features to your application and makes it easy to customize data about the logged in user. - Pranav Rastogi

    ASP.NET Identity membership system replaces and improves on several of the older ASP.NET membership systems. And this new system brings with it several benefits:

    • One ASP.NET Identity System
    • Ease of plugging in profile data
    • Role provider
    • Claims based
    • Social login providers
    • Azure Active Directory
    • and more!

    I recommend reading the "Introduction to ASP.NET Identity" blog post.

    In all fairness, ASP.NET Identity has been around for a couple of years now. So I'm happy that we're providing support for it from DevExpress Project templates too.

    DevExpress ASP.NET Project Wizard Integration

    When you use the DevExpress ASP.NET Project Wizard with v16.1 or above, under the 'Site Configuration' tab, you'll see a dropdown that allows you to choose the authentication model.

    The default will be the new 'ASP.NET Identity' model because most of the Microsoft project templates default to this improved authentication model. You can change it and select one of the older ones or none.

    However, one of the key benefits of providing Microsoft ASP.NET Identity support through the DevExpress Project templates is that your web project can also use the excellent DevExpress ASP.NET controls for login purposes. This allows you to use any one of the excellent DevExpress ASP.NET themes and maintain a beautiful site.

    Therefore, after the project is created, the DevExpress project wizard will have created all the necessary pages for you for login purposes. And these pages will use the necessary DevExpress ASP.NET controls:

    Learn more about ASP.NET Identity

    The DevExpress project templates are exposing the Microsoft ASP.NET Identity system for you. Therefore, to learn more about ASP.NET Identity's customization, implementation, etc.; I recommend you watch this video:

    Or watch these other helpful Channel 9 videos.

    Do you use the ASP.NET Identity system with DevExpress ASP.NET controls?

    Leave me a comment below or email me: 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).

  • ASP.NET: New Bootstrap Template Wizard - v16.1

    In the v16.1 release, we included a new project template for DevExpress ASP.NET controls: Bootstrapped Web Application.

    Bootstrapped Web Application
    (click an image to see larger version)

    Bootstrap is one of the most popular responsive web frameworks. Our new project template allows you to now create a new web application that uses the Bootstrap framework elements (CSS templates and UI components) with DevExpress ASP.NET controls.

    Clarification

    The Bootstrap project template that I'm discussing in this blog post relates to the current set of (100+) DevExpress ASP.NET and MVC controls. We're also working on a new of ASP.NET controls that will better support Bootstrap themes. Please read this blog post for more information on that project.

    The benefit of this new Bootstrap project template is that you get a responsive layout using Bootstrap is very useful. However, there is one caveat, the themes from DevExpress controls and Bootstrap are not compatible. That is why this Bootstrap template can help you because it uses the DevExpress ASP.NET Moderno theme which works well with Bootstrap.

    Project template

    The Bootstrap project template wizard provides a complete (sample) web application. The project includes all the necessary files for Bootstrap and DevExpress controls to work together:

    Blog sample

    The new Bootstrap project template creates a sample Blog website. The website use the default layout of a typical Bootstrap website with a banner image and menu on the front page. The DevExpress ASP.NET Menu and Image Slider controls are used here and work well within Bootstrap:

    When the browser width is reduced, the menu and image adapt to the new layout:

    There's also a blog page that uses the DevExpress ASP.NET GridView:

    This page also adapts when the browser width changes:

    What do you think about the new DevExpress ASP.NET Bootstrap project template?

    Leave me a comment below or email me: 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).

  • ASP.NET HTML Editor - Import, Export, and Pasting

    Did you know that the DevExpress ASP.NET HTML Editor control has three major features to help you work with Microsoft Word and different document formats? Let's explore these three major features:

    • Import
    • Export
    • Paste (from Word and paste options)

    Watch this video to learn how importing, exporting, and pasting with the DevExpress ASP.NET HTML Editor:

    Below are several of the links to demos and documentation mentioned in the video.

    Import

    The DevExpress ASP.NET HTML Editor can import several different formats:

    • Rich Text (.rtf)
    • Office Open XML (.docx)
    • MIME HTML (.mht)
    • Open Document (.odt)
    • Plain Text (.txt)

    When importing, the DevExpress ASP.NET HTML Editor will read the source format and convert it to HTML. The control's Import method provides you several overloads to make importing easier.

    See it in action by testing the Import demo.

    Export

    The DevExpress ASP.NET HTML Editor can export several different formats:

    • Rich Text (.rtf)
    • Office Open XML (.docx)
    • MIME HTML (.mht)
    • Open Document (.odt)
    • Plain Text (.txt)
    • Portable Document (.pdf). Available for export only.

    Your end-users can export directly from the HTML Editor control's toolbar:

    Toolbar Export

    Watch the video to learn how to easily add an export button to your DevExpress ASP.NET HTML Editor toolbar.

    You can also programmatically export using the export method from the ASP.NET server-side or client-side.

    Test the HTML Editor's toolbar export capabilities now.

    Paste

    Your end-users have two great ways to paste:

    1. Paste from Word Dialog

    The Paste from Word dialog allows end-users to paste the text from a Word document using the clipboard. Pasting the text using this dialog preserves text formatting and font settings. End-users can opt not to preserve the text's font family.

    Paste from Word

    2. Paste formatting

    The DevExpress ASP.NET HTML Editor control provides the capability to automatically format pasted HTML content based on the PasteMode property, which can be set in one of the following values:

    • SourceFormatting - The formatting of the pasted content is retained. A style definition that is associated with the copied text is copied to the destination document.
    • MergeFormatting - The formatting of the pasted content is mostly discarded. However, emphasis formatting, such as bold and italic text, is retained. The content takes on the style characteristics of the paragraph where it is pasted. The content also takes on any direct formatting or style properties of the element that immediately precedes the cursor when the content is pasted.
    • PlainText - The formatting of the pasted content and non-text elements, such as pictures or tables, is discarded. The text takes on the style characteristics of the paragraph where it is pasted and takes on any direct formatting or character style properties of text that immediately precedes the cursor when the text is pasted. Graphical elements are discarded, and tables are converted to a series of paragraphs.

    End-users can change the formatting of the pasted HTML content using paste options bar buttons, which appear in the top right corner of the design area after the content is pasted. By default, this functionality is disabled.

    See it in action by testing the Paste Formatting demo now.


    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 and Modularity: Bundles, RequireJS, and WebPack

    Good news, the DevExtreme widgets are now available as separate modules in the v16.1 release! Modules provide benefits and are key components in Modularity:

    Modular programming is a software design technique that emphasizes separating the functionality of a program into independent, interchangeable modules, such that each contains everything necessary to execute only one aspect of the desired functionality. Wikipedia

    Separate DevExtreme widget modules can help you create a smaller bundle of necessary scripts that need to be loaded for your project.

    However, there is a big warning with modules: You are now responsible for making sure to include the necessary DevExtreme modules that are referenced in your project. If you do not include the necessary modules then your project will have website errors.

    I demonstrate and discuss these points in the webinar below.

    Watch the webinar

    Watch my recent webinar to learn how to use DevExtreme Modules with RequireJS and WebPack:

    Links to helpful items

    Here are several helpful links that were mentioned in the webinar:

    DevExtreme links:
    - DevExtreme examples on GitHub - These are the main DevExtreme module samples
    - DevExtreme Basics: Add a wiget

    RequireJS:
    - RequireJS - Why
    - RequireJS - Why AMD

    WebPack:
    - WebPack - Getting Started
    - Webpack: When To Use And Why

    Other links:
    - Hanselman's blog post on NPM
    - RequireJS optimization
    - Bower packer manager

    I'd love for you to watch the video, try the GitHub DevExtreme examples, and then give us your feedback. You can email me, drop me a comment below, or even 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).

  • VB.NET now supported in DevExtreme ASP.NET MVC Wrappers

    When we announced the new DevExtreme ASP.NET MVC Wrappers (CTP) a few weeks ago, someone asked if Visual Basic (VB.NET) would be supported.

    VB.NET support for DevExtreme ASP.NET MVC Wrappers is now available in the v16.1.5 release.

    Project Template

    There's a new VB.NET project template to help you get started:

    When you select this project type, a new, ready-to-run, VB.NET project is created for you:

    DevExtreme ASP.NET MVC Wrappers - VB.NET File New Getting Started

    This project contains code and examples of:

    • WebAPI Service
    • DevExtreme MVC Grid Wrapper (connected to WebAPI service)

    Watch, Download, and Build

    Watch the webinar to learn more about DevExtreme MVC Wrappers:

    Download v16.1.5 and try DevExtreme MVC Wrappers today.

    Then give us your feedback. You can email me, drop me a comment below, or even 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).

  • Check Out Two New Mobile Themes to Improve your ASP.NET Websites

    In the June release of DXperience v16.1, we introduced two new mobile themes:

    1. Material Theme

    The first new theme is called Material and it's based on Google's Material design. And it looks great:

    You can see from the video above that this theme has touch animations. Therefore, when you click or touch certain elements, you'll see a brief animation.

    The Material design theme has larger touch targets when compared to other DevExpress ASP.NET themes. So it's probably best to use it for mobile scenarios. But don't let me stop you from using it for your desktop scenarios too; after all, we all have touch screens, right?

    2. iOS 9 Theme

    The new iOS 9 theme replaces our older iOS theme. This new iOS 9 theme is inspired by Apple's iOS 9 design.

    The new iOS 9 theme also provides larger touch targets so that your end-users can use their fingers as touch inputs on mobile devices (similar to the Material theme).

    Check out this short video to see it in action:

    16.1 What's New Webinar

    In case you missed it, check out the v16.1: What's New for ASP.NET Webforms and MVC extensions

    In the webinar, I discuss the new themes and other new items that we introduced in the v16.1 release.

    Customizable

    Both of these new themes are customizable. You can change the base font or base color easily using the DevExpress ASP.NET Theme Builder tool. Learn more here:

    Download v16.1 today and try one of the new mobile-friendly ASP.NET themes!

    Which theme is your favorite? 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 - v16.1.1 - The Power of Continuous Integration

    Good news, we've just released version 16.1.1 of the ASP.NET AJAX Control Toolkit today. This release includes new features and several bug fixes.

    Continuous Integration - AppVeyor


    In the last release, we moved this open source project from CodePlex to GitHub: ASP.NET AJAX Control Toolkit - New Release v16.1 and GitHub Hosted!

    Hosting ASP.NET AJAX Control Toolkit on GitHub now provides us new benefits. One of the major improvements is AppVeyor CI integration which allows to:

    That last statement means that you no longer have to wait for NuGet packages or build hotfix by yourself. Simply download the latest build from AppVeyor and update your project.

    v16.1.1 - Major Changes

    Tabs Custom CSS Fix

    We've fixed a major issue with Tabs regression by introducing a new property: CssTheme.
    If you set the CssClass attribute to the TabContainer then please make sure the CssTheme attribute is set to None. By default, it is set to XP, so no further actions are required if you run Tabs with default style settings.

    AjaxFileUpload New Setting: Temp Folder Path

    A new setting was added to AjaxFileUpload that allows specifying temporary folder path. This setting is configured via Web.config:

    <ajaxControlToolkit
      ...
       tempFolder="~/Temp"/>

    This parameter allows AjaxFileUpload to operate in a Medium trust environment, if set to an application (sub)folder. You can run the AjaxFileUpload control in a Web farm too just make sure that this path is set to a network folder.

    HtmlEditor Deprecated

    Starting with this v16.1.1 release, we have deprecated the HtmlEditor in favor of HtmlEditorExtender. To avoid breaking changes we will still include the HtmlEditor control in the release.

    However, the HtmlEditorExtender is a much better option and we recommend that you use it instead of the deprecated HtmlEditor. For example, the HtmlEditorExtender:

    • has improved security because it sanitizes user input
    • is smaller in size
    • and has a customizable toolbar

    Please read this blog post to learn more about HtmlEditorExtender.

    ValidatorCalloutExtender is Compatible with Unobtrusive Validation

    Unobtrusive validation was introduced in .NET Famework 4.5 release. This validation uses HTML5 data-* attributes instead of JavaScript code emitted to a page.

    The ValidatorCalloutExtender can now work with the latest versions of the full .NET framework (.NET 4.5+).

    Helpful links

    Helpful documentation articles are available here:

    Download v16.1.1

    You can download the latest release here:

    ASP.NET AJAX Control Toolkit v16.1.1

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

  • How to display DevExpress Reports in Client-Side Web Apps

    DevExpress ASP.NET Reporting is a great solution for your reporting needs. However, it's a server-side (ASP.NET) solution which means you cannot just plug it into a client-side app. So how do you display your XtraReports in a client-side app?

    bower install xtrareportsjs

    XtraReports has added a client-side report viewer and designer in recent releases. We've taken the core set of necessary files (JavaScript, CSS, etc.) and packaged them into a convenient bower package.

    To display reports on the client-side:

    1. First, you'll need a web service to deliver the reports.
    2. Then, install this bower package in your client-side app.
    3. Finally, you'll need to setup your client-side app so the XtraReports client-side viewer can display the reports.

    Ok, so that's the overview of the steps. To see all the gory details, watch my recent webinar video.

    Webinar Video

    In the webinar video, I discuss and demonstrate the how you can display DevExpress ASP.NET Reports in client-side apps.

    T370591 Sample

    There's also a fully contained sample that you can download and run on your local machine: T370591 - How to use HTML5 Document Viewer within a DevExtreme application

    I'd love for you to watch the video and then try the sample too.

    What do you think about sample? You can email me, drop me a comment below, or even 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).

  • Download v16.1.5 and Try DevExtreme MVC Wrappers for ASP.NET Core

    The DevExtreme v16.1.5 minor release is now available and included in this minor release is the DevExtreme ASP.NET MVC Wrappers (CTP) for ASP.NET Core:

    To learn more about DevExtreme and ASP.NET Core, check out my recent webinar:

    What's included?

    By installing this minor release, you'll get:

    A File-New getting started experience:

    All the DevExtreme Widgets available directly through Razor syntax:

    Try it today!

    Download DevExtreme v16.1.5 and let me know your thoughts about ASP.NET Core in the comments 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).

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-2016 Developer Express Inc.
All trademarks or registered trademarks are property of their respective owners