Blogs

This Blog

Subscribe (RSS, Email)

Mehul Harry's DevExpress Blog

JavaScript, HTML 5, ASP.NET, DevExpress, ASP.NET MVC & WebForms, and News - Mehul Harry's DevExpress blog
  • Automated Web Testing: TestCafe 14.1 is Here!

    Check out what's New in the TestCafe 14.1.1 release:

    (Not familiar with TestCafe yet? Read this FAQ)

    Web based Test Code Editor - A new built-in editor allows you to edit your test scripts instantly and online. So not only do you record online, you can now edit online too!

    Enhanced Configuration and Setting Options - We have extended TestCafe's Control Panel and improved the way in which you manage test settings for your web applications.

    Extended API Functions - Two new user actions (navigate and waitFor) have been added to TestCafe's API. There's also a new dialog handling function that closes a dialog shown when a window is about to be unloaded (handleBeforeUnload).

    Improved Architecture and Test Core - Our commitment is to constant and never-ending improvement and so TestCafe 14.1 ships with a significantly improved core engine. The updated architecture improves TestCafe's reliability and addresses a number of usability requests from users such as yourself.

    New Installer for Windows Users - TestCafe v14.1 now ships with a simplified Windows installer for those testing web apps on the Windows operating system.

    And there's more all the great new 14.1 enhancements here!

    5 Reasons to use TestCafe

    Here's 5 reasons why TestCafe is the best web testing tool out there:

    1. Plug-in Free - Other solutions require you to download browser plugins before you can get started. TestCafe let's you get started right away without any plugins.
    2. Visual Test Recorder - A test recorder that works with any browser: locally and on remote machines.
    3. 100% Web Based - Unlike competing products, TestCafe does not pretend to be something it's not. TestCafe is not built to test Windows client apps. TestCafe was engineered from ground up to be a fully optimized web testing tool for web developers and QA engineers.
    4. Easy API - The API is simple. For example, want to call simulate a double-click mouse action? Just call act.dblclick.
    5. Dedicated support - You get 12 months of support from a world class team of developers. All for only $499 per developer license.

    Competition?

    So how does TestCafe stack up against the competition? Take a look at this list below to see why TestCafe is the right choice for your web-based functional testing needs.

    TestCafe vs Competitors

    TestCafe + Browser Stack

    BrowserStack.com provides live, web-based browser testing with instant access to all desktop and mobile browsers.

    And using the TestCafe module for BrowserStack, you can run your automated functional tests anywhere!

    Read this blog post to learn more about BrowserStack and TestCafe.

    Get started today

    TestCafe is easy to get started with. Just download, install, and you're ready to record your first test.

    Watch this short 3 minute video to get started today: DevExpress: Easy Web Testing with TestCafé

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

  • Build 2014 - Post Event Recap

    Microsoft's Build 2014 conference is over and wow, it was fun for us. Check out the fun that I and the other DevExpress crew had there:

    Build 2014 Interviews

    Watch these interviews with some great Microsoft people that Seth and I had the pleasure to interview:

    Build 2014 San Francisco Scott Hunter Azure Development Team Interview
    Build 2014 San Francisco Scott Hunter Azure Development Team Interview

    Build 2014 San Francisco Robert Green Channel 9 Interview
    Build 2014 San Francisco Robert Green Channel 9 Interview

    Build 2014 Observations

    Microsoft is changing in the post Steve Ballmer era. There was a ton of new announcements. Check out Seth's observations from Day 1 and Day 2:

    Build 2014-Day One Observations

    Build 2014-Day Two Observations

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

  • Tech•Days Netherlands 2014: Attend, Save, and Meet DevExpress

    On April 16th & 17th, 2014, I'll be in Den Haag, Netherlands for the Microsoft Tech•Days:

    Microsoft Tech•Days 2014 Netherlands

    Save 50 Euros

    DevExpress is proud to be a sponsor for Microsoft's Tech•Days 2014. And because we have a great relationship with the show's organizers, they've given us some discount codes.

    Email John (JohnM@devexpress.com) and you'll get a special code that will save you 50 Euros when you register for the conference.

    Write Once, Deploy to Multiple Mobile Platforms

    Come see my talk on Thursday, April 17th, 2014. I'll show the latest and greatest from DevExtreme.

    And I would love to meet you and talk about what's happening on the web platform.


    17 April 2014 - 10:50 - 12:05

    Write Once, Deploy to Multiple Mobile Platforms


    See you there!

    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).
  • What's New in 13.2.8 for the ASP.NET Ribbon and HTML Editor

    Check this out, you can now use the DevExpress ASP.NET Ribbon control with the DevExpress ASP.NET Html Editor:

    DevExpress ASP.NET HTML Editor With Ribbon

    The Ribbon Control

    The DevExpress ASP.NET Ribbon control was introduced just a few months ago in the v2013.2 release:

    ASP.NET WebForms and MVC: Ribbon Control (What's new in 13.2)

    After the release we asked ourselves the natural question, "Why not integrate the excellent Ribbon control with the ASP.NET Html Editor?" And the result of the integration means that you can now offer your end-users another slick way to interact with the Html Editor.

    Better with Metropolis

    In the animated GIF above, I'm using the new Metropolis theme. We've created special new icons in the 13.2 release for the Metropolis and Moderno themes. And these new themes are my favorite:

    Download v13.2.8 Release

    The ASP.NET Ribbon control's integration with the Html Editor is in version 13.2.8.

    Download the v13.2.8 (or newer) release now.

    When only the best will do.

    From interactive Desktop applications, to immersive Web and Mobile solutions, development tools built to meet your needs today and ensure your continued success tomorrow.

    Get full access to a complete suite of professional components that let you instantly drop in new features, designer styles and fast performance for your applications.

    Download a free and fully-functional version now: http://www.devexpress.com/Downloads/NET/

  • What's New in 13.2.8 for the ASP.NET Ribbon Control

    Check out these 3 new features of the The DevExpress ASP.NET Ribbon control:

    1. ASPxRibbon - Populate a ComboBox when binding the control to a data source
    2. ASPxRibbon - Extend Ribbon data-related properties that support automatic data binding
    3. ASPxRibbon - Add the Visible property to elements (Tab, Group, Item)

    DevExpress ASP.NET Ribbon Control

    Minor Release - v13.2.8

    The 3 features are included as part of the DevExpress v13.2.8 release.

    Download the v13.2.8 (or newer) release now.

    Ribbon & HTML Editor

    With this v2013.2.8 release, you can also use the DevExpress ASP.NET Ribbon Control with the DevExpress ASP.NET HTML Editor control:

    Use the Ribbon control with DevExpress ASP.NET HTML Editor - v13.2.8

    When only the best will do.

    From interactive Desktop applications, to immersive Web and Mobile solutions, development tools built to meet your needs today and ensure your continued success tomorrow.

    Get full access to a complete suite of professional components that let you instantly drop in new features, designer styles and fast performance for your applications.

    Download a free and fully-functional version now: http://www.devexpress.com/Downloads/NET/

  • Three simple ways to handle DevExpress ASP.NET Callback Errors

    Handle Callback Errors DevExpress ASP.NET

    Here's three simple ways to handle DevExpress ASP.NET Callback Errors:

    1. Do nothing.
    2. ....
    3. PROFIT!

    Do Nothing?

    Yes. For the last couple of years, DevExpress ASP.NET products have been using the excellent ASPxHttpHandlerModule to:

    1. Catch callback errors within DevExpress ASP.NET controls
    2. Bubble them up and display them to you

    Callback Errors in 2014

    I'm writing this blog post because of a video that I made on how to handle Ajax Callback Errors. That was six years ago in 2008! In fact, you can still read it here: Ajax Callback Error in ASP.NET – Video on How-To Handle

    It surprises me that developers are still requesting this video. While's the video is still available, it's not needed anymore. Here's why:

    Web.Config

    When you use DevExpress ASP.NET, you'll notice that your web.config file is updated. That's because the versatile DevExpress ASPxHttpHandlerModule not only handles errors but it's also used for many other things like compressing and combining scripts, delivering images, etc.

    DevExpress Help: Web.Config Options Overview

    So, what's a callback error?

    First, let me define a callback:

    On the other hand, a callback is also a special kind of postback, but it is just a quick round-trip to the server to get a small set of data (normally), and thus the page is not refreshed, unlike with the postback...think of it as 'calling the server, and receiving some data back' - Excellent stackoverflow answer from Andreas Grech

    Therefore, a callback performs a partial page update. So when you page, sort, or do some other operation on the DevExpress ASP.NET GridView, a callback occurs on the server and only the grid is redrawn.

    A callback error occurs when there's an error on the server side during the callback. And because the page is only refreshing a portion of itself, you may not always see the error. And this is where the ASPxHttpHandlerModule will catch the error for you and display it as well.

    The more you know...

    Now that you're empowered with this peace of mind, treat yourself to a chocolate cupcake.

    When only the best will do.

    From interactive Desktop applications, to immersive Web and Mobile solutions, development tools built to meet your needs today and ensure your continued success tomorrow.

    Get full access to a complete suite of professional components that let you instantly drop in new features, designer styles and fast performance for your applications.

    Download a free and fully-functional version now: http://www.devexpress.com/Downloads/NET/

  • DevExpress ASP.NET - Recent rendering change in v13.2

    DevExpress ASP.NET - Recent rendering change in v13.2

    There's an old joke going around:

    "A web designer walks into a bar - but immediately leaves in disgust upon noticing the tables layout."

    A long time ago, in a galaxy far away...

    Web developers used tables for website layout. Thankfully, this went out of fashion many, many years ago. For more info on why it's not a good idea to use tables for layout, check out this StackOverflow thread.

    A little history

    This post is not about using tables for site layout.

    Tables are useful and serve a purpose. In fact, back in the day when browsers didn't play so nicely with HTML standards, tables were critical to getting cross-browser rendering that looked and worked the same. But I digress.

    This post is about the recent rendering changes in DevExpress ASP.NET controls and how it might affect you. And if you've experienced any issues, then we are here to help you.

    A (breaking) change

    DevExpress introduced the Lightweight render mode in many of our ASP.NET controls several years ago. You can see a list of the controls here.

    From 2010 to 2013, our controls supported two render modes:

    1. Classic: based on HTML tables
    2. Lightweight: based on 'light' HTML elements, e.g. 'div' and unsorted lists (UL)

    In the v13.2 release, we stopped support for Internet Explorer 6 (IE6).

    We also dropped the "Classic" render mode from our controls. This caused a breaking change for some of our customers and this will explain the why, support for issues, and the future of rendering.

    After we stopped support for IE6, we were able to update several controls to make them lighter.

    On the web, you need to be light, fast, functional, and powerful to remain competitive. And so, it's our goal to ensure that we're competitive while still maintaining that great cross-platform browser support.

    What does the change involve?

    Less use of HTML tables for rendering and more use of div, ul (lists), etc.

    Specifically:

    • ASPxButton control - its HTML render was rewritten and now it does not use TABLE tag.
    • ASPxEditors - Heavy refactoring of the buttons render for: ASPxCalendar, APSxComboBox, ASPxDateEdit, ASPxSpinEdit and other editors which contain button elements.
    • ASPxRoundPanel - its HTML render was rewritten and we removed any unnecessary TABLE tags).

    Why the change?

    Dropping support for the Classic render mode was a difficult decision. However, we could not support Classic render mode because it made our controls 'heavier' and took additional browser resources for processing.

    The Lightweight render mode is much lighter and more semantic. It allows our products to be quick and modern. In fact, it should help to reduce the negative effect of this issue: Visual Studio 2012 (2010) performance is very slow when a page with ASP.NET controls is opened in Designer.

    Removing Classic render does not mean that our customers should abandon the use of HTML tables in a page layout.

    There are cases where tables are more effective than using divs and lists. Tables are great for tabular data. In fact, a lot of our controls still use tables (e.g., ASPxFormLayout, ASPxTreeList, ASPxGridView, etc.).

    However, tables are not effective in other cases. So, we updated several controls to make them lighter by not using tables to render them. Another side effect is that it allows you, the developer to create more effective web applications.

    There are a lot of pros and cons of both render modes. I recommend reading the Table Layouts vs. Div Layouts: From Hell to... Hell? article, where both render approaches are objectively described.

    Issues

    With each release, we have many types of tests in place that test our products in different scenarios, operating systems, and browsers. However, we cannot test every scenario.

    And so with the v13.2 release, we received bug reports from some of our customers who found some issues. We have already fixed many of these known issues in the next minor release, v13.2.7.

    Our support is also ready to help you. If you've experienced any issues in upgrading, please take a look at this knowledgebase article for a list of the known issues first to see if there's a workaround or solution that may help you.

    DevExpress Cares

    The DevExpress support team is here to help in case you run into any issues. Contact them either via support@devexpress.com or better yet, log a ticket.

    Thank you.

    When only the best will do.

    From interactive Desktop applications, to immersive Web and Mobile solutions, development tools built to meet your needs today and ensure your continued success tomorrow.

    Get full access to a complete suite of professional components that let you instantly drop in new features, designer styles and fast performance for your applications.

    Download a free and fully-functional version now: http://www.devexpress.com/Downloads/NET/

  • CodeMash 2014: Recap

    CodeMash v2.0.1.4 or 2014 is over and what great conference it was. DevExpress was happy to attend and be an “Adamantinum” level sponsor.

    2014-01-08 16.09.38 (Note: Clicking on any picture will take you to the DevExpress Facebook album).

    Amanda, Seth, Mark, and myself had a great time here meeting the devs, speakers, and even the families that come along to the Kalahari Resort and water park.

    2014-01-08 18.23.49  2014-01-08 15.57.49 2014-01-09 09.05.08

    After we survived the winter weather earlier in the week, we had 3 great days  here. First day was setup. The next two days is when the conference officially started.

    2014-01-08 13.05.27 HDR

    On day 1, we saw a surge of people at our booth. We met a ton of developers that use so many technologies. Everything from .NET, Ruby, Java, JavaScript, NodeJS, and more. The keynote speaker was Ann Pendleton-Jullian, a professor and TED speaker. She delivered a great TED-style talk in front over 1,000 attendees.

    2014-01-09 09.10.06 2014-01-09 09.12.31

    After which the conference and sessions started. And there were a ton of talks. Including Seth’s talk and Mark’s short presentation on CodeRush.

    2014-01-10 09.54.06 2014-01-09 15.10.07

    The day ended with the attendee party. And finally at 10pm, as is custom at CodeMash, they opened the water park exclusively for CodeMash attendees and their families.

    2014-01-08 15.08.38 2014-01-08 15.08.23

    On day 2, Seth delivered his second talk. I attended some great sessions myself. We met more dev folks, many who use DevExpress currently that stopped by to say how they loved DevExpress (thank you btw!). At lunch, Amanda and Seth got up on the big stage to raffle off a universal license. While up there, they attempted to start a “We want Bacon!” chant. Fun times. :)

    2014-01-10 13.02.28

    As CodeMash is over, all four us agree that this is a fun conference for developers. The atmosphere is great and people very friendly. This is the 8th year anniversary for CodeMash and DevExpress is proud to have been here for the last 3 years.

    Check out all the great pictures from the DevExpress Facebook album for CodeMash 2014:

    2014-01-10 10.49.56

    Thanks!

  • DevExpress at CodeMash 2014: Setting Up

    This week, Seth, Amanda, and myself are at the CodeMash 2014 conference in Sandusky, Ohio. Every January, thousands of developers from many different platforms converge at the Kalahari Resort (and water park).

    DevExpress is happy to be a sponsor and have the chance to meet and talk with so many developers in the mid-west region.

    The conference officially starts on Thursday so today was “setup day”. Here’s Amanda with the completed setup:

    2014-01-08 18.23.49

    CodeMash is sold out again for another record year. However this year many of the attendees, including us, did not make it on time. There’s been severe cold temperatures on the east coast. Flights have been cancelled and road closed due to the weather. In fact, here’s the temperature from Monday night:

    2014-01-06 21.36.47

    In the meantime, enjoy some of the pictures we’ve been taking at the conference so far:

    2014-01-08 13.56.17 

    I’ll share a full album of the fun with you on Friday.

    Be sure to check out Seth Juarez’ two talks at CodeMash:

    Thursday, 9:45am to 10:45am, Cypress Room:
    Practical Machine Learning – Recommender Engine and Anomaly Detection

    Friday, 9:30am to 10:30am, Indigo Bay
    Math for .NET Developers – Making Data that Looks Real

    And if you’re at CodeMash, be sure to drop by and say Hi, we’d love to meet you.

    When only the best will do.

    From interactive Desktop applications, to immersive Web and Mobile solutions, development tools built to meet your needs today and ensure your continued success tomorrow.

    Get full access to a complete suite of professional components that let you instantly drop in new features, designer styles and fast performance for your applications.

    Download a free and fully-functional version now: http://www.devexpress.com/Downloads/NET/

  • How To Customize DevExpress ASP.NET Check Box control for the iOS theme

    The DevExpress ASP.NET controls are customizable. In fact, you can do things like move text from the left side of a control to the right side:

    DevExpress ASP.NET Check Box with iOS Theme

    In the image above, there is a DevExpress ASP.NET CheckBox control and CheckBoxList control. Both of these are displaying the DevExpress iOS theme for our ASP.NET products. The DevExpress ASP.NET iOS theme allows you display DevExpress ASP.NET controls with a native iOS look. However, they are still ASP.NET controls and not native apps. To create native apps using HTML5, check out DevExtreme.

    Still, the iOS theme is very useful in getting reach for your websites and giving your end-users a familiar experience.

    CheckBox & iOS Switch

    On iOS, a check box is displayed as a switch control. This makes it easier for users on mobile devices to touch (select) and get notified of the changed state.

    However, a customer asked if this was possible:

    One thing I’d like to see added is a property when using IOS theme, to have the “switch” be to the left of the text. And possible a column width property when multiple columns are used to correct for the case as shown below, where even a short line of text gets put on 2 lines. -James

    For reference, James has a website created with DevExpress ASP.NET controls. The website is slick in that uses browser detection and automatically displays the iOS theme for mobile devices. James says that this solution has worked out well for them and their users seem to like it too.

    Custom Text Alignment

    To solve James' question, we can do 3 easy things with DevExpress ASP.NET that do not require a new theme or property to be created:

    1. Set the ASPxCheckBox/ASPxCheckBoxList TextAlign property to "Right" to show a label on the right side of a switch.
    2. Set the Web.config -> devExpress -> themes -> styleSheetTheme property (not the "theme" property) to "iOS" to keep the markup style settings (see the http://www.devexpress.com/kbid=KA18643 KB Article for details).
    3. Define a specific CSS selector to avoid text wrapping (see the 
    https://www.devexpress.com/issue=Q464106 KB Article for details):

    Page:

    <style type="text/css">
        .SwitchNoWrap label { white-space: nowrap !important; }
    </style>
    

    ASPxCheckBox:

    <dx:ASPxCheckBox ID="ASPxCheckBox1" runat="server" Text="Switch Demo"
        TextAlign="Right" SkinID="Switch">
    </dx:ASPxCheckBox>
    

    ASPxCheckBoxList:

    <dx:ASPxCheckBoxList ID="ASPxCheckBoxList1" runat="server" CssClass="SwitchNoWrap"
        TextAlign="Right" RepeatDirection="Horizontal" RepeatColumns="2">
        <Items>
            <dx:ListEditItem Text="Item 1" />
            <dx:ListEditItem Text="Item 2" />
            <dx:ListEditItem Text="Item 3" />
            <dx:ListEditItem Text="Item 4" />
        </Items>
    </dx:ASPxCheckBoxList>
    

    Web.config:

    <configuration>
      ...
      <devExpress>
        <themes ... styleSheetTheme="iOS" theme="" />
      </devExpress>
    </configuration>
    

    Download a sample project with the above settings here:
    DevExpressASPCheckBoxiOSDemo.zip

    (Use the DevExpress Project Converter tool if you're using a different version than 13.2.5).

    iOS Guidelines

    In my discussing this approach with one of our DevExpress iOS developers (and overalll fan), he mentioned that putting the caption on the right side of a switch is not standard on iOS. However, because this is a ASP.NET website and not a native app, you will not have to worry too much about Apple's App Store guidelines, with the proviso that you may confuse your end-users if they are used to the standard text alignment.

    You can read the Apple iOS Human Interface Guidelines here.

    Rest assured, though, that when the DevExpress ASP.NET team created the iOS theme we followed these guidelines as much as possible and as much as was feasible.

    When only the best will do.

    From interactive Desktop applications, to immersive Web and Mobile solutions, development tools built to meet your needs today and ensure your continued success tomorrow.

    Get full access to a complete suite of professional components that let you instantly drop in new features, designer styles and fast performance for your applications.

    Download a free and fully-functional version now: http://www.devexpress.com/Downloads/NET/

Next page »
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, Silverlight, ASP.NET, WinForms, HTML5 or Windows 8, DevExpress tools help you build and deliver your best in the shortest time possible.

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