May 2014 - Posts

NDC Oslo 2018 Impressions

Last week, John and I where in Oslo for the NDC Oslo 2018 Edition.

It was, as expected, a big and awesome conference with top speakers and a lot of attendees. Some of the speakers stopped by our booth to say 'hi'.

There was a lot of interest in our v18.1 release, and a ran demos on all of our products. On the second day there was the attendee party with the best Norwegian 80's & 90's cover band Loveshack.

We organized daily raffles for DevExpress backpacks or even a platform subscription of choice!

To find out what NDC Oslo was all about, check the pictures below to get an impression:

Brace yourself for NDC Oslo 2018 with DevExpress

This week, John and I will travel to Oslo because DevExpress is a partner of the NDC Oslo conference. If you ever have the chance of going to NDC Oslo . . . GO!

NDC-Header

This conference is being held in the Oslo Spektrum, which is an incredible venue for conferences. With more than 190 talks from top-notch speakers, you’ll get a complete upgrade of your brains!

If this isn’t enough, we’ll be showing our new v18.1 release, and we’ll be handing out our cool eat-sleep-code T-Shirts and other goodies.

If you’re there, make sure to visit our booth!

Techorama 2018 Impressions

In the week of May 21st, John, Julian and I where at the Techorama 1018 event in Antwerp, Belgium.

As always, it was a very good conference with lots of existing customers and developers who haven’t heard of us. We were able to show a lot of new v18.1 features and people seemed to like those. I did a well attended partner-session about our VisualStudio productivity tool CodeRush, where I was able to get the “Wow” and “Ahh” responses from the audience.

Below is an impression of the conference:

20180523_0753342018-05-24 10.52.10DSC01209IMG_286720180524_1625372018-05-23 13.20.172018-05-23 13.37.442018-05-24 16.31.46IMG_2869IMG_28742018-05-24 16.32.5820180523_092528DSC01212IMG_2860IMG_2862IMG_2863

In case you missed this one and want to attend a Techorama conference. In the first week of October there will be another Techorama conference in Ede, The Netherlands.

Guess what? . . . DevExpress will be there as well!

Bootstrap ASP.NET Core & WebForms - Sparkline Control available (v18.1)

The Sparkline control is a simplified compact version of a Line chart control. It only contains one series. It is used most commonly in areas which leave very little space but a visual indicator is required. An example is by integrating the Sparkline in a grid column.

Since the charts available in the Bootstrap ASP.NET Core & WebForms control suite are derived from the DevExtreme Chart controls, it was really a no-brainer for us to make it available for the Bootstrap Controls as well.

Though the Sparkline is a compact control, it has a number of interesting features.

8 types of Series

It supports 8 different series types:

You can check them out by clicking here.

Binding to data

It also supports binding to different data stores. What about:

Customization

The Sparkline control provides several customization abilities like:

  • Series and points colors
  • Tooltip font
  • Point type

You can read more about it here.

The Sparkline can be integrated in a GridView column as show in this demo.

Try it?

Did you know that you can test this feature together with all the other exciting new DevExpress candy even if you’re not a customer (yet)?
Feel free to download a free 30-Day trial version including technical support of our award winning controls!

What do you think?

Let me know what you think of this feature by replying on this article.

ASP.NET WebForms & MVC - Adaptive Improvements

In the last couple of releases we have put quite some effort in making our WebForms controls and MVC extensions adaptive so they will look good on any device.

We decided that there were some controls that needed some more work and in the v18.1 release, we have improved a couple of them which are worth mentioning.

CardView Control

The CardView control is a beautiful UI element for adaptive/responsive WebApps. Think about a webshop displaying products.
While we already had some adaptive features in the CardView control, we have added a new adaptive mode LayoutMode.Breakpoints. You can now populate the Breakpoints collection with Breakpoint elements that hold information like CardsPerRow and MaxWidth specification.

Below is an ASPX example:

<Settings LayoutMode="Breakpoints" VerticalScrollBarMode="Hidden" />
   <SettingsAdaptivity>
      <BreakpointsLayoutSettings CardsPerRow="6">
      <Breakpoints>
         <dx:CardViewBreakpoint DeviceSize="XLarge" CardsPerRow="5" />
         <dx:CardViewBreakpoint DeviceSize="Large" CardsPerRow="4" />
         <dx:CardViewBreakpoint DeviceSize="Medium" CardsPerRow="3" />
         <dx:CardViewBreakpoint DeviceSize="Small" CardsPerRow="2" />
         <dx:CardViewBreakpoint DeviceSize="Custom" MaxWidth="450" CardsPerRow="1" />
      </Breakpoints>
   </BreakpointsLayoutSettings>
</SettingsAdaptivity>

  

And this feature is also available on its MVC counterpart:

settings.Settings.LayoutMode = DevExpress.Web.Layout.Breakpoints;
settings.SettingsAdaptivity.BreakpointsLayoutSettings.CardsPerRow = 6;

settings.SettingsAdaptivity.BreakpointsLayoutSettings
        .Breakpoints.Add(BreakpointsLayoutDeviceSizes.XLarge, 5);

settings.SettingsAdaptivity.BreakpointsLayoutSettings
        .Breakpoints.Add(BreakpointsLayoutDeviceSizes.Large, 4);

settings.SettingsAdaptivity.BreakpointsLayoutSettings
        .Breakpoints.Add(BreakpointsLayoutDeviceSizes.Medium, 3);

settings.SettingsAdaptivity.BreakpointsLayoutSettings
        .Breakpoints.Add(BreakpointsLayoutDeviceSizes.Small, 2);

settings.SettingsAdaptivity.BreakpointsLayoutSettings
        .Breakpoints.Add(450, 1);
  

As a result, the CardView renders beautiful on all devices. Take a look at how the CardView worked in previous versions (in Flow mode):

And now see how it works with the Breakpoints feature configured:

The WebForms demo can be found here and the MVC one can be found here.

ImageGallery Control

Since the Image Gallery looks more or less similar to the CardView, we decided to implement the Breakpoints feature in the Gallery as well. This results again in a beautiful control that looks good on any device:

The ASPx markup looks similar to the CardView one:

<SettingsBreakpointsLayout ItemsPerPage="30" ItemsPerRow="6">
   <Breakpoints>
      <dx:ImageGalleryBreakpoint DeviceSize="Medium" ItemsPerRow="4" />
      <dx:ImageGalleryBreakpoint DeviceSize="Small" ItemsPerRow="3" />
      <dx:ImageGalleryBreakpoint DeviceSize="Custom" MaxWidth="545" ItemsPerRow="2" />
   </Breakpoints>
</SettingsBreakpointsLayout>
  

And the configuration object for the MVC extension looks like:

settings.Layout = DevExpress.Web.Layout.Breakpoints;

settings.SettingsBreakpointsLayout.ItemsPerPage = 30;

settings.SettingsBreakpointsLayout.ItemsPerRow = 6;

settings.SettingsBreakpointsLayout.Breakpoints
        .Add(BreakpointsLayoutDeviceSizes.Medium, 4);

settings.SettingsBreakpointsLayout.Breakpoints
        .Add(BreakpointsLayoutDeviceSizes.Small, 3);

settings.SettingsBreakpointsLayout.Breakpoints
        .Add(545, 2);
  

The WebForms demo can be found here and the MVC one can be found here.

DataView Control

While we were on the roll with this new Breakpoints feature, we took the liberty of applying it on the DataView as well. Again, the DataView looks good on any device with this new Layout option.

The configuration is, again, similar to the CardView and ImageGallery:

<SettingsBreakpointsLayout ItemsPerPage="20" ItemsPerRow="6">
   <Breakpoints>
      <dx:DataViewBreakpoint DeviceSize="Medium" ItemsPerRow="4" />
      <dx:DataViewBreakpoint DeviceSize="Small" ItemsPerRow="3" />
      <dx:DataViewBreakpoint DeviceSize="XSmall" ItemsPerRow="2" />
      <dx:DataViewBreakpoint DeviceSize="Custom" MaxWidth="545" ItemsPerRow="1" />
   </Breakpoints>
</SettingsBreakpointsLayout>
  

For MVC:

settings.Layout = DevExpress.Web.Layout.Breakpoints;

settings.SettingsBreakpointsLayout.ItemsPerPage = 20;

settings.SettingsBreakpointsLayout.ItemsPerRow = 6;

settings.SettingsBreakpointsLayout.Breakpoints
        .Add(BreakpointsLayoutDeviceSizes.Medium, 4); 
settings.SettingsBreakpointsLayout.Breakpoints
        .Add(BreakpointsLayoutDeviceSizes.Small, 3);

settings.SettingsBreakpointsLayout.Breakpoints
        .Add(BreakpointsLayoutDeviceSizes.XSmall, 2);

settings.SettingsBreakpointsLayout.Breakpoints
        .Add(545, 1);

  

The WebForms demo can be found here and the MVC one can be found here.

Try it?

Did you know that you can test this feature together with all the other exciting new DevExpress candy even if you’re not a customer (yet)?
Feel free to download a free 30-Day trial version including technical support of our award winning controls!

What do you think?

Let me know what you think of this feature by replying on this article.

More Posts