Large Offsets

From MSX - Wiki
Revision as of 12:54, 15 April 2024 by Benzac (talk | contribs) (→‎Code)
Jump to navigation Jump to search

This is not really a hidden feature, but a good-to-know information. It is possible to stretch an image to the entire screen size by using large offsets. This feature is available since version 0.1.110. Please see following example.

Example[edit]

Screenshot[edit]

Example Screenshot (Large Offsets)

Code[edit]

{
    "type": "list",
    "headline": "Large Offsets",
    "pages": [{
            "headline": "Page 1",
            "offset": "0,0,0,1.5",
            "items": [{
                    "type": "space",
                    "layout": "0,0,12,6",
                    "offset": "-0.75,-1,1.5,1.67",
                    "color": "msx-glass",
                    "image": "http://msx.benzac.de/img/bg1.jpg",
                    "imageOverlay": 4,
                    "round": false
                }, {
                    "type": "space",
                    "layout": "0,1,12,4",
                    "offset": "-0.75,1,1.5,0.67",
                    "color": "msx-black-soft",
                    "round": false
                }, {
                    "type": "separate",
                    "layout": "0,2,2,4",
                    "offset": "0,0.5,0,0",
                    "icon": "msx-white-soft:adb",
                    "color": "msx-glass",
                    "title": "Item 1.1"
                }, {
                    "type": "separate",
                    "layout": "2,2,2,4",
                    "offset": "0,0.5,0,0",
                    "icon": "msx-white-soft:adb",
                    "color": "msx-glass",
                    "title": "Item 1.2"
                }, {
                    "type": "separate",
                    "layout": "4,2,2,4",
                    "offset": "0,0.5,0,0",
                    "icon": "msx-white-soft:adb",
                    "color": "msx-glass",
                    "title": "Item 1.3"
                }, {
                    "type": "separate",
                    "layout": "6,2,2,4",
                    "offset": "0,0.5,0,0",
                    "icon": "msx-white-soft:adb",
                    "color": "msx-glass",
                    "title": "Item 1.4"
                }, {
                    "type": "separate",
                    "layout": "8,2,2,4",
                    "offset": "0,0.5,0,0",
                    "icon": "msx-white-soft:adb",
                    "color": "msx-glass",
                    "title": "Item 1.5"
                }, {
                    "type": "separate",
                    "layout": "10,2,2,4",
                    "offset": "0,0.5,0,0",
                    "icon": "msx-white-soft:adb",
                    "color": "msx-glass",
                    "title": "Item 1.6"
                }
            ]
        }, {
            "headline": "Page 2",
            "offset": "0,0,0,1.5",
            "items": [{
                    "type": "space",
                    "layout": "0,0,12,6",
                    "offset": "-0.75,-1,1.5,1.67",
                    "color": "msx-glass",
                    "image": "http://msx.benzac.de/img/bg2.jpg",
                    "imageOverlay": 4,
                    "round": false
                }, {
                    "type": "space",
                    "layout": "0,1,12,4",
                    "offset": "-0.75,1,1.5,0.67",
                    "color": "msx-black-soft",
                    "round": false
                }, {
                    "type": "separate",
                    "layout": "0,2,2,4",
                    "offset": "0,0.5,0,0",
                    "icon": "msx-white-soft:adb",
                    "color": "msx-glass",
                    "title": "Item 2.1"
                }, {
                    "type": "separate",
                    "layout": "2,2,2,4",
                    "offset": "0,0.5,0,0",
                    "icon": "msx-white-soft:adb",
                    "color": "msx-glass",
                    "title": "Item 2.2"
                }, {
                    "type": "separate",
                    "layout": "4,2,2,4",
                    "offset": "0,0.5,0,0",
                    "icon": "msx-white-soft:adb",
                    "color": "msx-glass",
                    "title": "Item 2.3"
                }, {
                    "type": "separate",
                    "layout": "6,2,2,4",
                    "offset": "0,0.5,0,0",
                    "icon": "msx-white-soft:adb",
                    "color": "msx-glass",
                    "title": "Item 2.4"
                }, {
                    "type": "separate",
                    "layout": "8,2,2,4",
                    "offset": "0,0.5,0,0",
                    "icon": "msx-white-soft:adb",
                    "color": "msx-glass",
                    "title": "Item 2.5"
                }, {
                    "type": "separate",
                    "layout": "10,2,2,4",
                    "offset": "0,0.5,0,0",
                    "icon": "msx-white-soft:adb",
                    "color": "msx-glass",
                    "title": "Item 2.6"
                }
            ]
        }
    ]
}

Demo[edit]