Container - globules-io/OGX.JS GitHub Wiki

Container is an object that generates OML placeholders. It uses optional Tabs, and Carousel

Stack

Extends

 Uxi, Placeholder

Requires

 Tabs, Carousel

OML

Format

 {"selector:Container":{CONFIG}}

Example

  {"selector:Container":{                   
      "tabs":{"list":["tabA", "tabB", "tabC"]},                
      "node:OML":[
            {"default:Html":{"html":"ContentA"}},
            {"default:Html":{"html":"ContentB"}},
            {"default:Html":{"html":"ContentC"}}
       ]          
  }}

Config

  "id":STRING, 
  "tabs":BOOL|OBJECT, //config for tabs, optional
  "carousel":OBJECT,  //config for carousel, optional
  "index":INT, //index to select         
  "node:OML":ARRAY|STRING,
  "flatten":INT //Width at which the container flattens, optional

Methods

  index(_INDEX_) //show tab & object given index
  show(_TYPE_, _ID_) //show tab & object given object type and id

Exposed Objects

  tabs //OGX.Tab object
  carousel //OGX.Carousel object