Nativescript-Ngx-Partials

A Nativescript Angular module to quickly create Pages and Layout fragments

Setup

npm install nativescript-ngx-partials --save

Import the module into your app-module

import { PartialsModule } from 'nativescript-ngx-partials';

Getting Started

Page

The page layout consists of a root tag and nested attribute containers:

• Page (root element)
• page-header
• page-content
• page-footer
• page-toolbar

The Page has the following options:

• header=flow/float/fixed
• footert=flow/float/fixed
• toolbar=top-left/bottom-left (any combination of horizontal and vertical properties)
• debug (highlights the container elements)

Panel

The Panel is a NativeScript Flex-box layout view that simplifies the process of nested elements by using row and column tags

You can add the native Flexbox css styles to the Row/Col Panel

Row

RowPanel

The RowPanel has the following nested containers:

• panel-left
• panel-middle
• panel-right

Col

ColPanel

The ColPanel has the following nested containers:

• panel-top
• panel-middle
• panel-bottom

Examples

Provided in the demo app