Description

Provides integration with DesignGridLayout.

Installation

The current version of griffon-designgridlayout-plugin is 0.4
To install just issue the following command

griffon install-plugin designlayout

Usage

The following nodes will become available on a View script upon installing this plugin

Node

Property

Type

Default

Required

Bindable

Notes

designGridLayout
[DesignGridLayout]

 

 

 

(error)

(error)

Use it as with any other layout node

You must either nest designGridLayout inside a Container or provide a Container reference as the node's value. All DesignGridLayout methods can be nested inside the node's child closure.

Example

The following example is taken from DesignGridlayout's usage page.

application(title: 'Griffon + DesignGridLayout',
  //size: [480, 320],
  pack: true,
  locationByPlatform:true,
  iconImage: imageIcon('/griffon-icon-48x48.png').image,
  iconImages: [imageIcon('/griffon-icon-48x48.png').image,
               imageIcon('/griffon-icon-32x32.png').image,
               imageIcon('/griffon-icon-16x16.png').image]) {
    designGridLayout {
        row().grid(label('Row 1')).add(button('Button'), button('Button'))
        row().grid(label('Row 2')).add(button('Button'), button('Button'), button('Button'))
        row().grid(label('Row 3')).add(button('Button'), 2).add(button('Button'))
        row().grid(label('Row 4')).add(button('Button'), button('Button'), button('Button')).empty()
        emptyRow()
        row().right().add(button('Cancel'), button('OK'))
    }
}

History

Version

Date

Notes

0.4

02-14-11

release sync with Griffon 0.9.2; upgraded to DesignGridLayout 1.7

0.3

11-16-10

upgraded to DesignGridLayout 1.5

0.2

10-25-10

upgraded to DesignGridLayout 1.3

0.1

07-27-10

first release