1 . Viewport

A description of the item.

Viewport is where your project is previewed as you build it.Viewport Controls

First Row (left to right):

P / S Toggle - Toggle between Project and Stylebook

Device Preview - Dropdown list of common devices resolution

w/h Info - Info on current width & height of the viewport (when viewport is not in the fullscreen) 

Viewport Orientation - Not the same as device orientation (CSS orientation media queries aren't triggered)

Viewport Fullscreen - Maximize viewport size (not to mix up with fullscreen @ main nav)

Second Row (left to right):

Back - Same as browser back button

Forward - Same as browser Forward button

Refresh - Refreshes project in the viewport.

Home - Opens project home page.

Address Bar- Similar to browser address bar with a possibility to edit only links of a single project. 


Viewport has right bottom and right bottom corner resize handles. (ilustracija)


NOTE:

Viewport is resizable only when not in maximized mode, and responsive is selected in the Device Preview list.

  1. Core Concepts
    1. Structured Data, MicroData, Schema.org
    2. GraphDB & Dynamic Content
    3. Html Renders (VPTL Model)
    4. Semantic HTML  (Document Semantics)
    5. CSS & Preprocessors
    6. External CSS & JS Libraries
    7. Integrated CMS
    8. Momentum Network and Market
  2. Environment
    1. Viewport
    2. Project Settings
    3. Tools Panel
    4. Code Editor & External Libraries
    5. Visual Helpers
    6. Web Parser
    7. Structure Panel
    8. Render Panel
    9. Stylebook
    10. Assets
  3. HTML
    1. Layout Structure (Master Template)
    2. Basic HTML Building
    3. Parsing Pre-made HTML
    4. Working With Snippets
    5. HTML In Dynamic Collection
    6. Hidden HTML Elements
    7. Forms
    8. Container Lock
  4. Website Structure
    1. Blank Pages
    2. Schema.org Classes
    3. Collections
    4. Collection Properties
    5. DIMS Module Settings
    6. Stylebook (vptli)
    7. Using Render Panel
    8. Index Operations
    9. Relations Between Collections
    10. Taxonomies
  5. Schema.org, Advanced
    1. Independent vs Context
    2. Testing Schema
    3. Knowing When To Stop
  6. Classes & Attributes, Advanced
    1. Auto Generated Classes
    2. Dynamic Attributes
  7. DIMS (CMS)
    1. Overview
    2. DIMS Interfaces
    3. DIMS Modules
    4. Publishing Content
  8. Building Editing Flow
    1. Inbound & Outbound Relations
    2. Using Dims Attributes
  9. Going Live
    1. Connect An External Domain Name