Try the new DevExpress ASP.NET Bootstrap Controls Demos (Preview)

ASP.NET Team Blog
16 November 2016

I'm happy to announce that you can now experience the upcoming DevExpress Bootstrap Controls with the new online demo preview!

The DevExpress ASP.NET developers have been working hard on a new set of ASP.NET WebForms controls that are Bootstrap compatible. To learn more about these controls, read the initial announcement post.

Experience the demos online now:

Demo Details

These slick new demos let you try out the upcoming Bootstrap Grid, Editors, and Navigation controls. You'll see some of the major features we've added like sorting, filtering, editing, summaries, templates, and more.

Use the buttons at the top right to change the theme. We've incorporated several popular Bootstrap themes:

Then change the layout and test the responsive behavior:

You can also scan the QR Code and load these demos on your mobile device and experience the demos from your smart phone or tablet device.

Bootstrap Controls Overview

The DevExpress Bootstrap Controls are AJAX controls for ASP.NET WebForms that are rendered using Bootstrap components. These controls extend the classic DevExpress ASP.NET WebForms controls and target the ASP.NET WebForms platform while using Bootstrap as a front-end framework. The DevExpress Bootstrap Controls are highly configurable and support numerous customization scenarios.

The fundamental feature of DevExpress Bootstrap controls is their native rendering to Bootstrap CSS classes. When a DevExpress Bootstrap control renders its markup, the control does not strictly define its client-side presentation. Instead, the control’s presentation is supplied by the Bootstrap framework and Bootstrap themes.

This approach provides these advantages:

  • Out-of-the box integration with Bootstrap themes supplied by Bootsrap contributors and third-party developers
  • Application-level adaptivity
  • Out-of-the-box accessibility
  • Consistent look-and-feel across browsers and devices

The inherent advantage of using Bootstrap for constructing web user interfaces is that it allows for developing responsive layouts and provides your web application production-quality visual design from the start.

The markup to which the controls are rendered is based on standard Bootstrap classes and is intended to be integrated into Bootstrap-powered page layouts. As the result, the controls behave as an integral part of the layout – they scale to the display size, use the look-and-feel settings from the current Bootstrap theme and visually merge with the page.

For example, the Popup control is rendered as a Bootstrap modal dialog:

https://community.devexpress.com/blogs/aspnet/16.2Release/BootstrapPopupRenderModalDialog.png

What's next?

Right now we're looking for your feedback on these demos. Let us know if you spot an error in a browser or if something is not rendering or behaving correctly. Please report your feedback to our support center with a heading that looks like "Bootstrap demo preview error: [abc]".

Our next step is to provide a preview install that you can test in your Visual Studio environment.

The new Bootstrap controls are not tied to any specific DXperience version (yet) so we'll likely release them in a future minor version. Most of our ASP.NET developers are still hard at work on the next major DXperience ASP.NET release of v16.2 too.

If you'd like to get updates on the DevExpress Bootstrap Controls, then please sign up here:

Register Now and Be the First to Get the Preview Build

What do you think of the new DevExpress Bootstrap Controls demo? Drop me a line below.

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

17 comment(s)
Alexander Kollin
Alexander Kollin

Fantastic!!!!!!!

Thats what we were waiting for.

THX so much

17 November, 2016
Michael W. Böckle
Michael W. Böckle

What about MVC developers?

17 November, 2016
Mo cisse
Mo cisse

Good job

17 November, 2016
MatthewHughes_
MatthewHughes_

If we upgrade out Grids to using the new Bootstrap controls, do we need to rewrite code? Are features missing?

Thanks

:)

17 November, 2016
Mehul Harry (DevExpress)
Mehul Harry (DevExpress)

Michael,

For MVC, we are offering 2 options. The current DevExpress ASP.NET controls and the upcoming DevExpress ASP.NET MVC Wrappers. These new wrappers are based DevExtreme widgets. And DevExtreme supports Bootstrap:

community.devexpress.com/.../devextreme-bootstrap-integration-coming-soon-in-v16-1.aspx

17 November, 2016
Mehul Harry (DevExpress)
Mehul Harry (DevExpress)

Mathew,

Yes, these are new controls so you will need to rewrite your code. We have tried to keep many features and functionality but not every item will be ported. The current DevExpress ASP.NET GridView works with Bootstrap too however it does not easily adapt to Bootstrap themes the way these new Bootstrap controls will. So ultimately, I would recommend that use these controls for new projects that are based on Bootstrap framework.

Thanks.

17 November, 2016
Daniel Jesus Rodriguez
Daniel Jesus Rodriguez

8-) Wow.. that's great news!!!  thanksss

18 November, 2016
Peter Smith 19
Peter Smith 19

Controls look great, like the modern look and the adaptivity you get from Bootstrap.

When you say 'rewrite code' how extensive is that? I understood you were attempting to keep the new controls as consistent as possible with the standard ASP.NET suite? Could we for example drop a grid control in and tweak the code or do we have to bin everything to do with the grid and re-write it?

Will this be separate product or added to the existing ASP.NET suite?

24 November, 2016
Mehul Harry (DevExpress)
Mehul Harry (DevExpress)

Peter, thanks for your feedback. These controls are derived from some of our ASP.NET controls but they are not equivalent. Therefore, if you were using the ASPxGridView, you would not just replace it with this Bootstrap version. I would recommend that your first start with a project template that has Bootstrap as it's framework, then use our Bootstrap controls within it. Usually with new controls or frameworks, I recommend using it on a new project rather than an existing project.

But, let's not get too ahead of ourselves. We're working hard on making some great controls for Bootstrap framework. Keep an eye out of the announcement of the upcoming beta that will let you test drive the controls in your local VS.

I'll talk more about the subscriptions once we have it released. Thanks.

25 November, 2016
Derek Mitchell
Derek Mitchell

Looking forward to these controls. Will it be possible to use these controls in an existing project? So we can migrate pages over bit by bit?

3 December, 2016
Surya Garimella
Surya Garimella

Mehul,

with what version of the DevExpress libraries are you releasing the ASP.NET Bootstrap Controls ? I tried 16.2.2 but I don't think they are available with that version.

6 December, 2016
Mehul Harry (DevExpress)
Mehul Harry (DevExpress)

@Derek, I'll have more guidance info once we release but I'd recommend to plan to use it with newer projects.

6 December, 2016
Mehul Harry (DevExpress)
Mehul Harry (DevExpress)

@Surya,

It is not released yet. Please keep an eye on our newsletters and blogs for when we do release a beta version.

Thanks.

6 December, 2016
Nicolò Beltrame
Nicolò Beltrame

Excuse and deleted my post, I had not looked at all the work you have done.

Thanks and good job.

23 January, 2017
Barry Crisp
Barry Crisp

Will the Bootstrap controls support multi-language and if so, does it come shipped with a wide range of language libraries for the inbuilt text items of each control?

9 March, 2017
Frank M
Frank M

Hi Mehul,

Is there a way to display the "disabled icon" when hovering above disabled controls (like original Bootstrap theme)?

19 April, 2017
Hassan MM
Hassan MM

i'm using, it's perfect :)

30 April, 2018

Please login or register to post comments.