While developing a hybrid mobile app with DevExtreme I was looking for other options for full page transitions. I first looked at jQuery Mobile but the routing engine in jQuery Mobile conflicted with the routing engine.
The example below uses Bootstrap for styling, Animate.css for full page transitions and smoothState.js. The demo navigates between Home and an About Page. These are two pages, not one page with two DIVs.
All of the sites I build now use Bootstrap and DevExpress Grids.
I wanted to style the DevExpress Grid to look more like Bootstrap. This method is not 100% but close enough for the purposes of the grids I have been using.
Here is a Before / After View of a grid
CREATE FUNCTION [dbo].[f_get_first_date_of_month]
return DATEADD(d, 0, DATEADD(m, DATEDIFF(m, 0, @Date), 0))
CREATE FUNCTION [dbo].[f_get_last_date_of_month]
RETURN DATEADD(d, -1, DATEADD(m, DATEDIFF(m, 0, @Date) + 1, 0))