{
    "type": "pages",
    "headline": "Image Width",
    "pages": [{         
            "items": [
                {
                    "type": "button",
                    "layout": "0,0,1,1",
                    "label": "1"
                }, {
                    "type": "button",
                    "layout": "1,0,1,1",
                    "label": "2"
                }, {
                    "type": "button",
                    "layout": "2,0,1,1",
                    "label": "3"
                }, {
                    "type": "button",
                    "layout": "3,0,1,1",
                    "label": "4"
                }, {
                    "type": "button",
                    "layout": "4,0,1,1",
                    "label": "5"
                }, {
                    "type": "button",
                    "layout": "5,0,1,1",
                    "label": "6"
                }, {
                    "type": "button",
                    "layout": "6,0,1,1",
                    "label": "7"
                }, {
                    "type": "button",
                    "layout": "7,0,1,1",
                    "label": "8"
                }, {
                    "type": "button",
                    "layout": "8,0,1,1",
                    "label": "9"
                }, {
                    "type": "button",
                    "layout": "9,0,1,1",
                    "label": "10"
                }, {
                    "type": "button",
                    "layout": "10,0,1,1",
                    "label": "11"
                }, {
                    "type": "button",
                    "layout": "11,0,1,1",
                    "label": "12"
                }, {
                    "type": "default",
                    "layout": "0,1,12,1",                    
                    "titleHeader": "{txt:msx-white:0}",                  
                    "imageWidth": 0,
                    "imageFiller": "width-center",
                    "image": "http://msx.benzac.de/img/test.jpg"
                }, {
                    "type": "default",
                    "layout": "0,2,12,1",                    
                    "titleHeader": "{txt:msx-white:1}",
                    "imageWidth": 1,
                    "imageFiller": "width-center",
                    "image": "http://msx.benzac.de/img/test.jpg"
                }, {
                    "type": "default",
                    "layout": "0,3,12,1",                 
                    "titleHeader": "{txt:msx-white:2}",
                    "imageWidth": 2,
                    "imageFiller": "width-center",
                    "image": "http://msx.benzac.de/img/test.jpg"
                }, {
                    "type": "default",
                    "layout": "0,4,12,1",                   
                    "titleHeader": "{txt:msx-white:3}",
                    "imageWidth": 3,
                    "imageFiller": "width-center",
                    "image": "http://msx.benzac.de/img/test.jpg"
                }, {
                    "type": "default",
                    "layout": "0,5,12,1",                    
                    "titleHeader": "{txt:msx-white:4}",
                    "imageWidth": 4,
                    "imageFiller": "width-center",
                    "image": "http://msx.benzac.de/img/test.jpg"
                }
            ]
        }, {          
            "items": [
                {
                    "type": "button",
                    "layout": "0,0,1,1",
                    "label": "1"
                }, {
                    "type": "button",
                    "layout": "1,0,1,1",
                    "label": "2"
                }, {
                    "type": "button",
                    "layout": "2,0,1,1",
                    "label": "3"
                }, {
                    "type": "button",
                    "layout": "3,0,1,1",
                    "label": "4"
                }, {
                    "type": "button",
                    "layout": "4,0,1,1",
                    "label": "5"
                }, {
                    "type": "button",
                    "layout": "5,0,1,1",
                    "label": "6"
                }, {
                    "type": "button",
                    "layout": "6,0,1,1",
                    "label": "7"
                }, {
                    "type": "button",
                    "layout": "7,0,1,1",
                    "label": "8"
                }, {
                    "type": "button",
                    "layout": "8,0,1,1",
                    "label": "9"
                }, {
                    "type": "button",
                    "layout": "9,0,1,1",
                    "label": "10"
                }, {
                    "type": "button",
                    "layout": "10,0,1,1",
                    "label": "11"
                }, {
                    "type": "button",
                    "layout": "11,0,1,1",
                    "label": "12"
                }, {
                    "type": "default",
                    "layout": "0,1,12,1",                    
                    "titleHeader": "{txt:msx-white:5}",
                    "imageWidth": 5,
                    "imageFiller": "width-center",
                    "image": "http://msx.benzac.de/img/test.jpg"
                }, {
                    "type": "default",
                    "layout": "0,2,12,1",                    
                    "titleHeader": "{txt:msx-white:6}",
                    "imageWidth": 6,
                    "imageFiller": "width-center",
                    "image": "http://msx.benzac.de/img/test.jpg"
                }, {
                    "type": "default",
                    "layout": "0,3,12,1",                    
                    "titleHeader": "{txt:msx-white:7}",
                    "imageWidth": 7,
                    "imageFiller": "width-center",
                    "image": "http://msx.benzac.de/img/test.jpg"
                }, {
                    "type": "default",
                    "layout": "0,4,12,1",                    
                    "titleHeader": "{txt:msx-white:8}",
                    "imageWidth": 8,
                    "imageFiller": "width-center",
                    "image": "http://msx.benzac.de/img/test.jpg"
                }, {
                    "type": "default",
                    "layout": "0,5,12,1",                    
                    "titleHeader": "{txt:msx-white:9}",
                    "imageWidth": 9,
                    "imageFiller": "width-center",
                    "image": "http://msx.benzac.de/img/test.jpg"
                }
            ]
        }, {
            "items": [
                {
                    "type": "button",
                    "layout": "0,0,1,1",
                    "label": "1"
                }, {
                    "type": "button",
                    "layout": "1,0,1,1",
                    "label": "2"
                }, {
                    "type": "button",
                    "layout": "2,0,1,1",
                    "label": "3"
                }, {
                    "type": "button",
                    "layout": "3,0,1,1",
                    "label": "4"
                }, {
                    "type": "button",
                    "layout": "4,0,1,1",
                    "label": "5"
                }, {
                    "type": "button",
                    "layout": "5,0,1,1",
                    "label": "6"
                }, {
                    "type": "button",
                    "layout": "6,0,1,1",
                    "label": "7"
                }, {
                    "type": "button",
                    "layout": "7,0,1,1",
                    "label": "8"
                }, {
                    "type": "button",
                    "layout": "8,0,1,1",
                    "label": "9"
                }, {
                    "type": "button",
                    "layout": "9,0,1,1",
                    "label": "10"
                }, {
                    "type": "button",
                    "layout": "10,0,1,1",
                    "label": "11"
                }, {
                    "type": "button",
                    "layout": "11,0,1,1",
                    "label": "12"
                }, {
                    "type": "default",
                    "layout": "0,1,12,1",                    
                    "titleHeader": "{txt:msx-white:10}",
                    "imageWidth": 10,
                    "imageFiller": "width-center",
                    "image": "http://msx.benzac.de/img/test.jpg"
                }, {
                    "type": "default",
                    "layout": "0,2,12,1",                    
                    "titleHeader": "{txt:msx-white:11}",
                    "imageWidth": 11,
                    "imageFiller": "width-center",
                    "image": "http://msx.benzac.de/img/test.jpg"
                }, {
                    "type": "default",
                    "layout": "0,3,12,1",                    
                    "titleHeader": "{txt:msx-white:12}",
                    "imageWidth": 12,
                    "imageFiller": "width-center",
                    "image": "http://msx.benzac.de/img/test.jpg"
                }, {
                    "type": "default",
                    "layout": "0,4,12,1",                    
                    "titleHeader": "{txt:msx-white:13}",   
                    "titleFooter": "Image width is ignored, because it is greater than the item width.",
                    "imageWidth": 13,
                    "imageFiller": "width-center",
                    "image": "http://msx.benzac.de/img/test.jpg"
                }, {
                    "type": "default",
                    "layout": "0,5,12,1",                    
                    "titleHeader": "{txt:msx-white:14}",
                    "titleFooter": "Image width is ignored, because it is greater than the item width.",
                    "imageWidth": 14,
                    "imageFiller": "width-center",
                    "image": "http://msx.benzac.de/img/test.jpg"
                }
            ]
        }, {          
            "items": [
                {
                    "type": "button",
                    "layout": "0,0,1,1",
                    "label": "1"
                }, {
                    "type": "button",
                    "layout": "1,0,1,1",
                    "label": "2"
                }, {
                    "type": "button",
                    "layout": "2,0,1,1",
                    "label": "3"
                }, {
                    "type": "button",
                    "layout": "3,0,1,1",
                    "label": "4"
                }, {
                    "type": "button",
                    "layout": "4,0,1,1",
                    "label": "5"
                }, {
                    "type": "button",
                    "layout": "5,0,1,1",
                    "label": "6"
                }, {
                    "type": "button",
                    "layout": "6,0,1,1",
                    "label": "7"
                }, {
                    "type": "button",
                    "layout": "7,0,1,1",
                    "label": "8"
                }, {
                    "type": "button",
                    "layout": "8,0,1,1",
                    "label": "9"
                }, {
                    "type": "button",
                    "layout": "9,0,1,1",
                    "label": "10"
                }, {
                    "type": "button",
                    "layout": "10,0,1,1",
                    "label": "11"
                }, {
                    "type": "button",
                    "layout": "11,0,1,1",
                    "label": "12"
                }, {
                    "type": "default",
                    "layout": "0,1,12,1",                    
                    "titleHeader": "{txt:msx-white:0.83}",
                    "titleFooter": "Image width is aligned with the edge of item 1.",
                    "imageWidth": 0.83,
                    "imageFiller": "width-center",
                    "image": "http://msx.benzac.de/img/test.jpg"
                }, {
                    "type": "default",
                    "layout": "0,2,12,1",                    
                    "titleHeader": "{txt:msx-white:1.83}",
                    "titleFooter": "Image width is aligned with the edge of item 2.",
                    "imageWidth": 1.83,
                    "imageFiller": "width-center",
                    "image": "http://msx.benzac.de/img/test.jpg"
                }, {
                    "type": "default",
                    "layout": "0,3,12,1",

                    "titleHeader": "{txt:msx-white:2.83}",
                    "titleFooter": "Image width is aligned with the edge of item 3.",
                    "imageWidth": 2.83,
                    "imageFiller": "width-center",
                    "image": "http://msx.benzac.de/img/test.jpg"
                }, {
                    "type": "default",
                    "layout": "0,4,12,1",                    
                    "titleHeader": "{txt:msx-white:3.83}",
                    "titleFooter": "Image width is aligned with the edge of item 4.",
                    "imageWidth": 3.83,
                    "imageFiller": "width-center",
                    "image": "http://msx.benzac.de/img/test.jpg"
                }, {
                    "type": "default",
                    "layout": "0,5,12,1",                    
                    "titleHeader": "{txt:msx-white:4.83}",
                    "titleFooter": "Image width is aligned with the edge of item 5.",
                    "imageWidth": 4.83,
                    "imageFiller": "width-center",
                    "image": "http://msx.benzac.de/img/test.jpg"
                }
            ]
        }]
}