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

September 2016 - Posts

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

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