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

February 2013 - Posts

  • Use an ASP.NET Image Slider Control to show a Hero Graphic (aka banner image)

    Have you noticed that many popular sites like Microsoft.com, Apple.com, DevExpress.com, and others are now using a big banner image in the center of their front page?

    image image image

    That large banner image in the middle is called a “Hero graphic”. And it’s very useful to present to your website visitors important information:

    The hero graphic is often the first visual a visitor encounters on the site and its purpose is to present an overview of the site's most important content. A hero graphic often consists of image and text, can be static or dynamic (e.g. a rotating list of images and/or topics).

    The content presented varies with the purpose of the site: it can be relevant news about the site, specific site-links, or - in the case of e-commerce - the best-selling or strategically placed products or services. –Wikipedia

    Video: DevExpress ASP.NET Image Slider

    I introduced you to the DevExpress ASP.NET Image Slider control in December 2012 release. Now, I’d like to show you how you can use the DevExpress ASP.NET ImageSlider control as a hero graphic with rotating images.

    Check out my “Enhance Your Website Easily with the ASP.NET Image Slider” webinar to learn how easy it is to use the DevExpress ASP.NET ImageSlider to enhance your website:

    A technical ASP.NET webinar on how to use the DevExpress ASP.NET ImageSlider control to create a hero graphic

    Watch the video, then let me know how you’ve used the DevExpress ASP.NET ImageSlider control in your website?

    Save time and money...

    Save time and money with high quality pre-built components for ASP.NET, Windows Forms, WPF, Silverlight and VCL as well as IDE Productivity Tools and Business Application Frameworks, all backed by world-class service and support. Our technologies help you build your best, see complex software with greater clarity, increase your productivity and create stunning applications for Windows and Web in the shortest possible time.

    Try a fully-functional version of DXperience for free now: http://www.devexpress.com/Downloads/NET/

  • ASP.NET Grid Wildcard Filtering with DevExpress v2012.2

    A powerful way to filter the DevExpress ASP.NET GridView is to use the “Like” operator with wildcards. This feature has been updated and now available in the latest DXperience v2012.2 release.

    Powerful Grid Filtering

    Check out this animation that shows how to use many of the powerful filtering commands with the “Like” operator with wildcards:

    DevExpress_ASPNET_GridView_Filter

    How to Enable

    1. First, you’ll need to enable AutoFilterRow by setting the Settings.ShowFilterRow to true. The Header Filter (AutoFilterRow) to allow your end-users to filter the individual columns.

    2. Then you’ll need to set the columns to support the “Like” filter condition. You can either set it explicitly on the column like this:

    <dx:GridViewDataTextColumn FieldName="ProductName" VisibleIndex="1" >
        <Settings AutoFilterCondition="Like" />
    </dx:GridViewDataTextColumn>

    This uses the “Like” operator as the default.

    3. If you would like to give your end-users a choice then enable the Filter Row Menu using the ASPxGridView.ShowFilterRowMenu property. And be sure to also set the GridViewDataColumnSettings.ShowFilterRowMenuLikeItem property on the column too:

    <dx:GridViewDataTextColumn FieldName="ProductName" VisibleIndex="1" >
        <Settings AutoFilterCondition="Like" ShowFilterRowMenuLikeItem="True" />
    </dx:GridViewDataTextColumn>

    This provides your end-users with one of the most powerful GridView filtering options available:

    Wildcard Filtering

    The Like item allows end-users to create filter expressions with wildcards:

    - the '%' symbol - substitutes zero or more characters;
    - the '_' symbol - substitutes a single character.

    The Like menu item's tooltip displays help text that explains which wildcards are supported:

    Represents the LIKE operator that determines whether a specific character string matches a specified pattern or not.

    The following wildcard characters are supported:

    % matches a string of zero or more characters. For instance:CriteriaOperator.Parse("Name like 'Jo%'") - returns all the objects whose Name begins with 'Jo'.
    CriteriaOperator.Parse("Name like '%car%'") - returns all the objects whose Name contains the 'car' substring.

    _ matches a single character. For instance:CriteriaOperator.Parse("Name like 'car_'") - returns all the objects whose Name consists of four characters and begins with 'car'.

    [ ] identifies a single character within the specified range ([a-c]) or set ([abc]). For instance:CriteriaOperator.Parse("Name like '[A-C]%'") - returns all the objects whose Name begins with 'A', 'B' or 'C'.

    [ ^ ] excludes a single character not within the specified range ([^a-c]) or set ([^abc]). For instance:CriteriaOperator.Parse("Name like 're[^de]%'") - returns all the objects whose Name begins with 're', and where the following letter is not 'd' or 'e'.

    See Criteria Language Syntax to learn more.

     

    Learn more

    The DevExpress ASP.NET GridView helps your website with powerful features like the Filtering, Grouping, Sorting and a lot more. Learn more by watching the “ASP.NET GridView Tips and Tricks” webinar:

    Mehul Harry presents the DevExpress ASP.NET GridView webinar. #GettingStarted #Tips #Tricks

     

    DXperience? What's That?

    DXperience is the .NET developer's secret weapon. 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. Try a fully-functional version of DXperience for free now: http://www.devexpress.com/Downloads/NET/

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