API Docs for: 0.0.2
Show:

layout.CardSpec Class

Defined in: api/src/layout/card-spec.js:1
Module: language

Spec for "card" layout. These are the available configuration options for the card layout.

Attributes

animate

Boolean

Defined in api\src\layout\card-spec.js:39

True to enable animation effects. This option should be set for the parent.

Default: false

animateX

Boolean

Defined in api\src\layout\card-spec.js:53

True to animate in x-direction(left-right). false to animate in y-direction, (up and down)

Default: : true

animationDuration

Number

Defined in api\src\layout\card-spec.js:46

Time for animation in seconds. This option should be set for the parent.

Default: 0.25

type

String

Defined in api\src\layout\card-spec.js:8

Type attribute should be set to "card" for parent

Example:

var w = new ludo.Window({
    width:500,height:500,
    layout:{
        type:'card',
        animate:true,
        animationDuration:.3,
        animateX:false
        },
        children:[
            { html:'Child A' },
            { html:'Child B' },
            { html:'Child C', layout:{ visible: true } },
            { html:'Child D' },
        ]
    });

visible

Boolean

Defined in api\src\layout\card-spec.js:30

Option for children inside card layout. Children inside a "card" layout are by default hidden. Set visible to true to set initial shown card/child view. If not set, first card will be shown.

Default: false