Posts with angular flex layout Tag

Building a Simple Responsive App with Angular Flex Layout

Building a Simple Responsive App with Angular Flex Layout

December 5, 2018
In the last post, which you can find here, we introduced Angular Flex Layout. We looked at the APIs/Directives available to you as a developer and how you can use them. In this post, we are going to build on that foundation. Our goal here is very simple, building a simple …

Angular Flex Layout – Introduction & Getting Started

Angular Flex Layout – Introduction & Getting Started

November 19, 2018
In this post, I am going introduce and look at how you can get started with Angular Flex Layout. We will briefly introduce the APIs for Angular Flex Layout and look at how to add it to your project. Angular Flex Layout is a stand-alone library developed by the Angular Team for …

Building a Wrapper for Responsive Design for Angular Flex Layout

Building a Wrapper for Responsive Design for Angular Flex Layout

November 11, 2018
Angular Flex Layout is designed to provide a comprehensive layout design using CSS Flexbox and Media Query. Unlike most other libraries, it doesn’t use CSS Classes but rather uses directives. It also makes it easy to manipulate DOM. On top of that, you can inject it into the …

Adaptive Layout Design - Angular Flex Layout

Adaptive Layout Design - Angular Flex Layout

January 7, 2018
Introduction You probably have heard about Responsive Layout design but let me remind you anyway. Responsive layout is where components and elements of a web page change size and position based on different breaking points – Web apps that adapt to any screen size. Unlike …

Responsive Navbar with Angular Flex Layout

Responsive Navbar with Angular Flex Layout

December 7, 2017
Today, we are going to create a responsive Navbar using Toolbar and Sidenav Components from Angular Material together with Angular Flex Layout. We will be trying to replicate the behavior of Navbar in where it collapses on small screen and is fully displayed in Large screen. …