Blogs

News

Email Subscriptions

Mehul Harry's DevExpress Blog

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.

  • Video: How To Enable JavaScript IntelliSense

         

    Check out this ‘How-to Enable JavaScript IntelliSense with DevExpress ASP.NET Clientside objects’ video:

    Video: Enable JavaScript IntelliSense w/DevExpress ASP.NET Clientside Objects

    The video walks you through few simple steps it takes to get IntelliSense support for the Clientside objects of our ASP.NET controls. If you’d like to see a written version, check out this detailed blog post.

    Watch the how-to video and then drop me a line below with your thoughts on this excellent feature.

     

    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!

  • New DevExpress Web.Config Settings

         

    Starting with DXperience v2010.1, we’re making a small and useful change. We’re adding a new section to the web.config file for settings used by DevExpress ASP.NET controls.

    New Section

    Here’s the default section that you’ll find at the bottom of a new web project using DXperience v2010.1 release:

    <devExpress>
      <compression enableHtmlCompression="false"  
                   enableCallbackCompression="true" 
                   enableResourceCompression="true"  
                   enableResourceMerging="false" />
      <themes enableThemesAssembly="true" />
      <errors callbackErrorRedirectUrl="" />
    </devExpress>

    Upgrading Simplified

    Your current website will not break due to this new section. We’ve added backward compatibility for our previous settings. Therefore, if there are any old DX appsettings in your web.config file:

    1. They will work without any issues.
    2. They will be replaced/updated with our new config section when you open your ASPX page in designer mode. Of course, your previous settings and values will not change, they will be simply moved to the new section.

    Even with backwards compatibility, I recommend updating to the newer settings. This can be done easily by opening one of your ASPX pages in the designer mode.

    Settings Explained

    The <compression> settings relate to the 4 settings introduced last year that help increase your website’s performance:

    From 4 Settings To Improve DevExpress ASP.NET Performance blog post:

    • enableHtmlCompression – Compresses HTML output to the client browser including AJAX callbacks (false by default)
      • To compress individual pages, use the DevExpress.Web.ASPxClasses.ASPxWebControl.MakeResponseCompressed() method.
    • enableCallbackCompression – Compresses AJAX callbacks (true by default)
    • enableResourceCompression – Compresses scripts and CSS files (true by default)
    • enableResourceMerging – Combines all scripts in one file (from different assemblies) and merge all CSS-files in one file. Reduces server requests. (false by default)

    The <themes enableThemesAssembly=”true” /> setting means that you’ll get better performance from our enhanced ASP.NET Themes DLL.

    The <errors callbackErrorRedirectUrl=””> helps you to redirect to another URL when an error occurs within a callback. To learn more, check out the “Redirect Callback using an ASPxHttpHandler Module” video.

    Why The Change?

    To ensure that DevExpress settings are not confused with standard Visual Studio web.config settings, we’ve decided to separate the settings into our own section.

    Also, many of the above settings relate to our special ASP.NET HttpHandler module, the ASPxHttpHandlerModule. This section also contains other settings like the callbackErrorRedirectUrl. And we have plans to use this section for other settings in the future.

    Having our own IntelliSense support in the web.config would help to avoid typos, which is why we’ll be adding IntelliSense for our web.config settings in a future release. Unfortunately, there’s a bug in VS2010 that prevents us from adding it but we’ll add it as soon as the bug is resolved.

    Your Feedback Matters

    Crono's Avatar

    Of course, this was originally a customer suggestion, so thanks for the feedback, Crono.

    To recap:

    • New ASP.NET projects using DXperience v2010.1 and beyond will use the new <devexpress> web.config section to manage global settings of your web sites and applications.
    • Our older web.config settings are backwards compatible.
    • You can easily upgrade our older settings by opening one of your project’s ASPX files in the Visual Studio designer mode.

    Drop me a line below with your thoughts on this change?

  • Want A Faster Installation? Use The 3-Step Update

         

    Here’s a tip to speed up your DXperience installations. Use the ‘Update’ option when upgrading between minor versions.

    The process is easier than uninstalling and reinstalling. In fact, there are only a few screens to click through. Check out the screenshots below from my recent upgrade from the DXperience v2010.1.2 to v2010.1.3 release:

    Step 1:

    The installer will detect if you have a previous version installed that can be updated. If an update is possible then you’ll be presented with one option, ‘Update’:

    Installer Update Option

     

    Step 2:

    The next screen simply verifies that an update is possible. Click the ‘Update’ button to begin:

    Installer Ready To Update

     

    Step 3:

    Wait a few minutes for the installer to extract and install the necessary files:

    Installer unpacking and registering products

     

    You're done!

    Installation Complete

     

    Now open your Visual Studio IDE and have fun with the latest DXperience release. Don’t forget to update your project references.

    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/

     

More from DevExpress
Live Chat
Have a pre-sales question?
Need assistance with your evaluation?
We are here to help.
Chat is one of the many ways you can contact members of the DevExpress Team. We are available Monday-Friday between 8:30am and 5:00pm Pacific Time.
If you need additional product information, require pre-sales assistance, or want help with your order, write to us at info@devexpress.com or call us at
+1 (818) 844-3383.