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.
Add the following style and Javascript to any page / control that has a DevExpress Grid.
Here is a Before / After View of a grid
BEFORE:
AFTER:
CREATE FUNCTION [dbo].[f_get_first_date_of_month]
(
@Date DATETIME
)
RETURNS DATETIME
AS
BEGIN
return DATEADD(d, 0, DATEADD(m, DATEDIFF(m, 0, @Date), 0))
END
CREATE FUNCTION [dbo].[f_get_last_date_of_month]
(
@Date DATETIME
)
RETURNS DATETIME
AS
BEGIN
RETURN DATEADD(d, -1, DATEADD(m, DATEDIFF(m, 0, @Date) + 1, 0))
END