Ui5Strap
  • About
  • Manual
  • API
  • Code Examples
  • Demos
  • License

Table of Contents

  •   Quickstart
    •   Installation
    •   Hello World
    •   Run

Basics

  •   Project Structure
    •   File Structure
    •   Binaries
    •   Build Tools
    •   Dev Server
    •   Web App Folder
  •   Bootstrapping
    •   Index File
    •   App Icons
    •   Splash Screen
    •   Initialization
  •   Configuration
    •   Overview
    •   App Settings
    •   Developers & Licenses
    •   Environments
    •   Stylesheets
    •   Root Navigation
    •   Pages
    •   Routing
    •   Libraries
    •   Models
    •   Options
    •   Components
    •   Actions
    •   Events
    •   Scripts
  •   Layout
    •   Using Controls
    •   Composing Views
    •   Fragments
  •   Styling
    •   Themes
    •   Custom Style
    •   Style Options
  •   Binding
    •   Element Binding
    •   Property Binding
    •   Aggregation Binding
    •   Formatters
  •   Logic
    •   Controllers
    •   Events
    •   Actions

Appendix

  •   Change Log
    •   0.11.x -> 1.0.0
    •   1.0.0 -> 1.0.1

  Root Navigation

Requires using pks.ui5strap.viewer.App or one of its inheritants as main class.

Root Navigation Configuration

The root navigation defines the

NavContainer Class

The type attribute specifies the navigator class. Must be a child of pks.ui5strap.core.NavContainer

  app.json
{
    ...
    
    "rootNavigation" : {
         "type" : "pks.ui5strap.ex.BarNavContainer"
         
         ...
    }
    
    ...
}

Settings

  app.json
{
    ...
    
    "rootNavigation" : {
        ...
         
        "settings" : {
            
            "barSizeExtraSmall" : 1,
            "barPlacementExtraSmall" : "Top",
         	
            "barSizeSmall" : 2,
            "barPlacementSmall" : "Right",
         	
            "barSizeMedium" : 1,
            "barPlacementMedium" : "Bottom",
            "barTransitionMedigum" : "none",
         	
            "barSizeLarge" : 4,
            "barPlacementLarge" : "Left",
            "barModeLarge" : "Intrude",
         	
            "barVisible" : false
         	
        }
         
        ...
    }
	
    ...
}

Initial Pages

The initialPages attribute defines an array of page IDs that should be loaded at startup.

  app.json
{
    ...
    
    "rootNavigation" : {
        ...
         
        "initialPages" : [
            "home",
            "menuRoot"
        ]
    }
    
    ...
}
Next: Pages »

© 2013 - 2023 PKSoftware.de

  • Contact