Autoplay
Autocomplete
Previous Lesson
Complete and Continue
Styling NativeScript Core Applications
Introduction
Welcome (1:26)
Course Requirements (1:43)
About NativeScript CLI (1:00)
Tour of Sample Application (1:17)
Code and Setup (3:23)
How Styles Work in NativeScript
Overview (1:19)
Prepare for NativeScript Styling (2:59)
Four Layers of Styling (2:27)
CSS Example (7:38)
DIPs and Pixels (2:45)
Global CSS (1:26)
Programmatic Styling (4:40)
Who Wins (4:37)
Style Levels Applied (4:37)
Working with Selectors
Overview (0:42)
Classes and IDs (1:45)
Type Selectors are Unique (2:40)
Hierarchical and Attribute (5:50)
Pseudo (4:05)
Properties and Keyframes
Overview (0:57)
Supported CSS Properties (0:57)
NativeScript Specific CSS (5:20)
Component Properties (2:52)
Android Button Sizing (2:54)
Gradients (1:50)
Keyframes (3:59)
Cliptobounds (1:33)
Exercise (2:30)
Fonts
Overview (0:33)
Using Fonts (4:27)
Custom Fonts (4:04)
Icon Fonts (5:04)
Exercise (1:26)
Platform Specific Stying
Overview (1:04)
Using Markup Blocks (3:33)
Using Platform Attributes (1:57)
Using File Naming Conventions (6:18)
Using Programmatic Platform Check (2:52)
Using Programmatic Conventions (1:57)
Using Qualifiers
Overview (0:36)
Orientation by Convention (3:37)
Orientation Using Plugin (3:46)
Screen Size Convention (4:48)
Styling the Status Bar
Overview (0:33)
Styling the iOS Status Bar with the ActionBar (5:54)
Styling the iOS Status Bar Independently (3:01)
Styling the Android Status Bar (4:43)
Exercise (2:02)
Custom Component Styling
Overview (0:33)
Simple Custom Component (3:00)
Style Spills and Priority (3:25)
Fixing Style Spills (4:04)
SASS and Themes
Ovierview (0:42)
Using SASS (2:26)
SASS for Custom Components (1:14)
Themes (4:05)
Styling the iOS Status Bar Independently
Lesson content locked
If you're already enrolled,
you'll need to login
.
Enroll in Course to Unlock