Difference between revisions of "Content Examples"

From MSX - Wiki
Jump to navigation Jump to search
 
(2 intermediate revisions by the same user not shown)
Line 124: Line 124:
 
* Launch via App: https://msx.benzac.de/?start=content:https://msx.benzac.de/info/data/guide/template_list.json
 
* Launch via App: https://msx.benzac.de/?start=content:https://msx.benzac.de/info/data/guide/template_list.json
 
* Launch via Demo Page: https://msx.benzac.de/info/?start=content:https://msx.benzac.de/info/data/guide/template_list.json
 
* Launch via Demo Page: https://msx.benzac.de/info/?start=content:https://msx.benzac.de/info/data/guide/template_list.json
−
 
−
== Content Guide ==
 
−
For more examples, please have a look at the content guide. It contains examples of all major API properties and is available in the Media Station X application via the '''Welcome Pages''' or the '''Settings'''.
 
−
Additionally, you will find all examples of the content guide on the demo page.
 
−
[[File:guide.png|thumb|640px|none|Content Guide]]
 
−
 
−
* Demo Page: https://msx.benzac.de/info/?tab=Demo
 
−
 
−
== Experts Content Guide ==
 
−
The experts content guide contains demos to the extended properties, the live API, the selection API, the plugin API, and more. It is designed for experts who have well experiences with the major API properties (i.e. the demos from the content guide). Enter the start parameter '''<code>xp.msx.benzac.de</code>''' to set it up.
 
−
[[File:xp.png|thumb|640px|none|Experts Content Guide]]
 
  
 
== See also ==
 
== See also ==
Line 140: Line 129:
 
* [[Content Page Object]]
 
* [[Content Page Object]]
 
* [[Content Item Object]]
 
* [[Content Item Object]]
 +
* [[Content Guide]]

Latest revision as of 11:55, 29 January 2021

Example 1 (Non-Templated Items)[edit]

Screenshot[edit]

Example Screenshot (Non-Templated Items)

Code[edit]

{
    "type": "pages",
    "headline": "Types",
    "pages": [{    
            "items": [{
                    "type": "teaser",
                    "layout": "0,0,4,6",                   
                    "badge": "Badge",                  
                    "tag": "Tag",
                    "tagColor": "msx-red",
                    "titleHeader": "Teaser Header",
                    "title": "Teaser",
                    "titleFooter": "Teaser Footer",                 
                    "image": "http://msx.benzac.de/img/test.jpg",
                    "imageFiller": "height-left"
                }, {
                    "type": "button",
                    "layout": "10,0,2,2",
                    "label": "Button",                   
                    "icon": "apps",
                    "iconSize": "small"
                }, {
                    "type": "default",
                    "layout": "4,3,4,2",
                    "titleFooter": "Default Footer",
                    "title": "Default",                   
                    "image": "http://msx.benzac.de/img/test.jpg",
                    "imageFiller": "width-center"                            
                }, {
                    "type": "default",
                    "layout": "8,3,4,3",
                    "titleFooter": "Default Footer",
                    "title": "Default",                 
                    "image": "http://msx.benzac.de/img/test.jpg",
                    "imageFiller": "width-center",
                    "imageHeight": 1.83
                }, {
                    "type": "default",
                    "layout": "4,5,4,1",
                    "titleFooter": "Default Footer",
                    "title": "Default",                  
                    "image": "http://msx.benzac.de/img/test.jpg",
                    "imageFiller": "width-center",
                    "imageWidth": 1.83
                }, {
                    "type": "space",                  
                    "layout": "8,2,4,1", 
                    "title": "Space",
                    "titleFooter": "Space Footer"                  
                }, {
                    "type": "default",                 
                    "layout": "8,0,2,2",             
                    "headline": "Headline",
                    "text": "Text Text Text Text Text Text Text Text."                                  
                }, {
                    "type": "separate",
                    "layout": "4,0,4,3",
                    "titleFooter": "Separate Footer",
                    "titleHeader": "Separate Header",                    
                    "image": "http://msx.benzac.de/img/test.jpg",                 
                    "imageFiller": "width-center"
                }]
        }]
}

Demo[edit]

Example 2 (Templated Items)[edit]

Screenshot[edit]

Example Screenshot (Templated Items)

Code[edit]

{
    "type": "list",
    "headline": "Template",
    "template": {
        "type": "separate",
        "layout": "0,0,2,4",
        "color": "msx-glass",
        "icon": "msx-white-soft:movie",
        "iconSize": "medium",
        "title": "Title",
        "titleFooter": "Title Footer"
    },
    "items": [{
            "title": "Item 1"
        }, {
            "title": "Item 2"
        }, {
            "title": "Item 3"
        }, {
            "title": "Item 4"
        }, {
            "title": "Item 5"
        }, {
            "title": "Item 6"
        }, {
            "title": "Item 7"
        }, {
            "title": "Item 8"
        }, {
            "title": "Item 9"
        }, {
            "title": "Item 10"
        }, {
            "title": "Item 11"
        }, {
            "title": "Item 12"
        }]
}

Demo[edit]

See also[edit]

Retrieved from "https://msx.benzac.de/wiki/index.php?title=Content_Examples&oldid=836"