add diagonal layout(from bottom-left to top-right)