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

May 2010 - Posts

  • SmartSync Printing In ASP.NET Scheduler Reporting – v2010.1

    Check out this new SmartSync printing feature of the ASPxScheduler that helps you to print a scheduler report in a Tri-fold style.

    How’s It Work?

    If several scheduler report controls are placed on the same report, the scheduler adapter on the report coordinates how the controls will iterate through the schedule data.

    The view control on the report that has the smallest period becomes the 'principal' or 'driving' control. It starts the iteration, and other controls on the page are not modified until the time value of the current iteration falls within their respective display periods.

    Such a control (call it the secondary control) will move to the next period when the time displayed by the principal control goes beyond the interval displayed by the secondary control.

    The screenshot below shows the Tri-fold report which contains the following controls on one page:

    • DevExpress.XtraScheduler.Reporting.DayViewTimeCells
    • DevExpress.XtraScheduler.Reporting.FullWeek
    • DevExpress.XtraScheduler.Reporting.HorizontalWeek

    Note: The EnableSmartSync setting is turned on and the SmartSyncOptions.GroupType is set to SchedulerGroupType.Resource.

    Scheduler Smart Sync

    And the report pages are printed in the following order:

    • first resource, first day of the report interval (TimeInterval), a week containing this day, a month containing this day
    • first resource, second day of the report interval, a week containing this day, a month containing this day (...)
    • first resource, last day of the report interval, a week containing this day, a month containing this day
    • second resource, first day of the report interval, a week containing this day, a month containing this day (...)
    • last resource, last day of the report interval, a week containing this day, a month containing this day

    Online Demo

    Check out the online SmartSync demo and be sure to try the different grouping options:

    ASPxScheduler SmartSync Printing Online demo

    Then be sure to download DXperience v2010 vol 1 and try the our the SmartSync printing feature in your scheduler reports.

    Want to experience a better Visual Studio?

    Install CodeRush by downloading the free lite version here: CodeRush Xpress

    Or better yet, try the full blown package free for 30 days – CodeRush and Refactor Pro Download!

  • Download The DevExpress Community Toolbar

    DevExpress Community toolbar

    If you're doing a lot of DevExpress searching and browsing this new toolbar is a convenient and useful tool. The toolbar is customized for many of the DevExpress resources like Search, Support, RSS, Facebook, Twitter, and more.

    Installation

    To install the toolbar, click the ‘Free Download’ link on this web page:

    Free Download of Toolbar

    Note: This toolbar supports: IE, FireFox and Safari.

     

     

    Once the installer begins, click the ‘Agree’ button:

    DevExpress Toolbar installation

    Features

    Once installed, you can search DevExpress right from the toolbar:

    After installation... search DevExpress

     

    The toolbar uses Google to search but notice that you can also select the ‘DevExpress Search’ link to use our engine.

    The toolbar also features dropdown buttons for some of the most commonly used site links:

     DevExpress.com links Get Support links DevExpress community links

    Social Media

    Access to News, DevExpress Channel, Forums, Blogs and Facebook are all under the ‘RSS Feeds’ button:

    Access RSS links

    There’s a button for our Twitter feed:

    Access DevExpress twitter

    Toolbar Options

    This handy toolbar is provided ‘Free’ from the ourtoolbar.com website. The site does collect some usage data to help improve the toolbar. If you do not want it to collect any data then go to the toolbar options from the ‘DevExpress’ button:

    Toolbar options link

     

    Then deselect the ‘Send usage statistics’ from the ‘Additional Settings’ tab and click ‘OK’:

    Toolbar options - disable usage statistics

    Feedback

    That’s it. You now have the toolbar installed and the popular DevExpress resources only a few clicks away.

    What do you think of this toolbar? Drop me a line below with your thoughts.

  • New Layout Features In ASP.NET and WinForms Scheduler Reporting - v2010.1

    Check out these 2 new features of the ASPxScheduler and XtraScheduler that helps you improve appointment layout and display.

    Quick recap: Our Scheduler controls use the powerful XtraReports Suite for exporting and printing. This gives you added benefits for more flexibility, control and features. Read the 'ASP.NET Calendar Scheduling…New DevExpress Reporting Integration' post to learn more.

    CanShrink And CanGrow

    The 2 new layout properties are called CanShrink and CanGrow:

    • CanShrink - allows you to avoid empty space wasted by cells with no appointments.
    • CanGrow - can be used to resize a cell to show all appointments instead of printing the ‘More items’ link.

    Online Demo

    To see the new features in action, check out this ASPxScheduler online ‘AutoHeight’ demo:

    ASPxScheduler Demo: AutoHeight

    Usage Scenario

    When building a report, you want to use the most area to display your information content and use the page space in the most efficient way. While the Scheduler Reporting does has a VerticalLayout option (Fit/Tile), it may not be enough to help.

    Scheduler Reporting now has two additional options for the HorizontalWeek and TimelineCells controls, namely CanShrink and CanGrow. They enable you to modify the layout as required for the cell size to fit the content.

    To show how these options can be used, consider the monthly report scenario. Each month, you’re required to print each resource on a separate page while the displayed information is maximized.

    To achieve this, use the HorizontalWeek control. It represents a month, so we set its height to the page height of the working area. Then set VerticalLayoutType option to Fit. In this mode, all weeks are fit in the visual border of the control (as it is set in Designer).

    The CanShrink and CanGrow options can be switched on to allow the control to re-arrange its cells to maximize the number of appointments displayed. Note that the total height of the control remains the same. It is the same height that we set in the Designer mode. These 2 pictures below illustrate the report before and after CanShrink/CanGrow options switched on:

    ASPxScheduler Before AutoHeight Options  ASPxScheduler After With CanShrink And CanGrow Enabled

    Download DXperience v2010 vol 1 now and test drive the new CanShrink and CanGrow features. Then drop me a line below with your thoughts. Thanks.

    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/

  • ASP.NET Menu, NavBar And Pager Performance Improvements – v2010 vol 1

    v2010.1: ASP.NET Performance Improvements With Semantic Rendering - (fast car)

    Check out the improvements we’ve made to some of our ASP.NET controls in the DXperience v2010.1 release.

    We changed the rendering of our ASP.NET AJAX Menu, Navigation Pane and Pager controls. The controls now use semantic rendering combined with advanced CSS styles, which results in a dramatic decrease of HTML output, improved performance and a reduction in the server’s workload.

    Also, several of our other ASP.NET controls like the ASPxGridView and ASPxScheduler also benefit because

    The primary advantages of using Semantic HTML Rendering are:

    • Performance is increased because the amount of HTML output is reduced.
    • Accessibility is improved because screen readers understand semantic HTML.
    • SEO is improved because search engines prefer semantic HTML.

    New Property

    New RenderMode PropertyA new property, called RenderMode, has been added to support Semantic rendering. The property supports allows you to choose between:

    • Classic – by default. The control uses rendering based on tables.
    • Lightweight – The control uses the new rendering based on divs and lists HTML elements. Therefore, the control generates semantic and lightweight HTML code.

    Performance

    We ran some performance tests to compare the 2 rendering modes and here’s the improvement numbers:

    ASP.NET Render Improvements in DXperience v2010.1 

    Here’s the test notes: All tests were performed in Internet Explorer using the Aqua theme. The "Enable Resource Merging" feature was turned on and each control was tested in a separate page.

    • ASPxMenu - bound to an xml file that mirrors the structure of the devexpress.com main menu
    • ASPxNavBar – bound to an xml file that mirrors navigation pane of our ASPxperience demos
    • ASPxPager – using ItemCount="100"
      • Also, menus and pagers inside our "senior" controls by default use Lightweight render mode now. This automatically makes ASPxGridView and ASPxFilterControl thinner.
    • ASPxGridView - bound to the Northwind.Products table w/Settings.ShowFilterRow=true and Settings.ShowFilterRowMenu=true
    • ASPxFilterControl – used 2 columns
      <dx:FilterControlTextColumn PropertyName="CategoryID" ColumnType="Integer" />
      <dx:FilterControlTextColumn PropertyName="CategoryName" ColumnType="String" />
      and
      FilterExpression="[CategoryID] > 1 And [CategoryName] = 'Test'"

    Now that you’ve seen the improved numbers, be sure to download DXperience v2010 volume 1 and try out the new RenderMode property in your ASP.NET projects. (A release candidate version of DXperience v2010 volume 1 is available now.)

    Then drop me a line below with your thoughts. Thanks!

    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/

  • ASP.NET GridView And TreeList: 2 Export Improvements – v2010 vol 1

    Two very useful export enhancements have been added to the ASPxGridView and ASPxTreeList.

    Starting with DXperience v2010.1, you can change the exported column width size and export to the Excel 2007 XLSX document format:

    1. Change Column Width

    To change the column width before exporting, use the ExportWidth property. This property has been added to both the GridViewColumn and TreeListDataColumn classes.

    2. Excel XLSX Format

    Two new methods have been added to the ASPxGridViewExporter and ASPxTreeListExporter controls:

    • WriteXlsx - Exports the grid's data to a specific storage (such as a stream or file) in XLSX format
    • WriteXlsxToResponse - Exports the grid's data to a specific storage (such as a stream or file) in XLSX format and writes it to the Response

    Both of these improvements came from customer suggestions. Your feedback has helped improve the ASPxGridView and ASPxTreeList for everyone. Thank you and keep it coming.

    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/

     

  • ASP.NET Scheduler: How To Implement End-User Restrictions

    Check out this 2 step approach to prevent users from editing appointments in the ASPxScheduler:

    Step 1: Choose Restriction

    First decide which action in the ASPxScheduler you want to prevent. Here’s a list of the available ones:

    Step 2: Check User ID

    Then just check the User ID of the logged in user in the ‘Allow’ operation. For example, this code below prevents the user “Sam” from dragging appointments to a new date and time:

    schedulerControl1.OptionsCustomization.AllowAppointmentDrag = UsedAppointmentType.Custom;
    schedulerControl1.AllowAppointmentDrag += new AppointmentOperationEventHandler
    (schedulerControl1_AllowAppointmentDrag);
    
    // ...
    
    void schedulerControl1_AllowAppointmentDrag(object sender, AppointmentOperationEventArgs e) {
        if (user_id == "Sam") e.Allow = false;
    }

    To learn more, check out this code central example:

    Example Details: How to prevent a user from scheduling appointments in the past

  • Tooltip Support For ASP.NET Image Controls – v2010 vol 1

    Tooltip property has been added to DevExpress ASP.NET image controls!

    Starting with DXperience v2010.1, all DevExpress ASP.NET image controls like the ASPxImage have a new property called: Tooltip.

    What’s a tooltip? Wikipedia defines it as:

    The tooltip is a common graphical user interface element. It is used in conjunction with a cursor, usually a mouse pointer. The user hovers the cursor over an item, without clicking it, and a tooltip may appear — a small "hover box" with information about the item being hovered over.

    Tooltip are great way to show a subtle hint to the user when they mouse over an image.

    ASPxGridView Image Tooltip Property

    Online CodeCentral Demo

    Check out this online CodeCentral demo which shows the image tooltip property in action:

    Implement the Image Tooltip Property

    Click here to see the code for the demo.

    Drop me a line below with your thoughts on the new tooltip property. Thanks!

    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/

  • Keyboard Navigation For ASP.NET GridView And TreeList Controls – v2010 vol 1

    Microsoft Natural Ergonomic 4000 Keyboard

    Great new keyboard navigation feature!

    With the DXperience v2010.1 release, you can enable keyboard navigation by changing a single property, set KeyboardSupport to true.

    Once KeyboardSupport is enabled, your users can:

    • Focus On Grid Using Control Activation Key
      Specify an access key for your grid controls and allow your end-users to press CTRL+SHIFT+AccessKey to change focus to the corresponding grid control.
    • Focused Row
      Press the UP and DOWN arrow keys to move row focus.
    • Multiple Row Selection
      Press the SPACE key to select an individual row. Sequential rows can be selected by pressing SHIFT while moving row focus using the previous UP/DOWN arrow keys.
    • Expand/Collapse Group Rows or Tree Nodes
      Press PLUS/MINUS or RIGHT/LEFT arrow keys to expand/collapse rows respectively.
    • Paging
      Press SHIFT+PAGE UP and SHIFT+PAGE DOWN to navigate to the previous or next page respectively.

    Not only does this help with accessibility but your power users who are also keyboard ninjas will love this feature.

    If you have the latest beta build of the DXperience v2010.1 installed then check out the ‘Keyboard Support’ demo in the ASPxGridView demos (under accessibility).

    Drop me a line below with your thoughts. Thanks!

    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/

  • ASP.NET Pivot Grid: How To Enable Compact Layout Feature

    Check out this short ASPxPivotGrid video that shows you how to enable the new compact layout mode:

    Video: ASPxPivotGrid Compact Layout

    The new compact layout mode helps you save space. And it’s easy to setup.

    Watch the short ASPxPivotGrid Compact Layout video and then drop me a line here with your thoughts. Thanks.

    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/

  • ASP.NET Pivot Grid: How To Enable Horizontal Scrolling Feature

    Check out this short 3 minute ASPxPivotGrid video that shows you how to enable a very useful feature, horizontal scrolling:

    image

    Horizontal scrolling can help you better design your web sites because the ASPxPivotGrid will not automatically expand if there are too many columns.

    And it’s very easy to setup. Watch the short ASPxPivotGrid Horizontal Scrolling video to see how simple it is.

    Then drop me a line here with your thoughts and/or comments.

1
2
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