Difference between revisions of "Content Examples"
Jump to navigation
Jump to search
(Created page with "== Example Content 1 (Non-Templated Items) == === Screenshot & Demo Link === File:menu.png|thumb|640px|none|Demo Link: https://msx.benzac.de/?start=menu:https://msx.benzac.d...") |
|||
| Line 1: | Line 1: | ||
== Example Content 1 (Non-Templated Items) == | == Example Content 1 (Non-Templated Items) == | ||
=== Screenshot & Demo Link === | === Screenshot & Demo Link === | ||
| − | [[File: | + | [[File:content.png|thumb|640px|none|Demo Link: https://msx.benzac.de/?start=menu:https://msx.benzac.de/info/data/guide/types.json]] |
=== Code=== | === Code=== | ||
| Line 73: | Line 73: | ||
== Example Content 2 (Templated Items) == | == Example Content 2 (Templated Items) == | ||
=== Screenshot & Demo Link === | === Screenshot & Demo Link === | ||
| − | [[File: | + | [[File:template.png|thumb|640px|none|Demo Link: https://msx.benzac.de/?start=menu:https://msx.benzac.de/info/data/guide/template_list.json]] |
=== Code=== | === Code=== | ||
| Line 119: | Line 119: | ||
== Content Guide == | == 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'''. | 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: https://msx.benzac.de/info/?tab=Demo | + | Additionally, you will find all examples of the content guide on the demo page. |
| + | [[File:guide.png|thumb|640px|none|Demo Page: https://msx.benzac.de/info/?tab=Demo]] | ||
Revision as of 16:24, 11 January 2021
Example Content 1 (Non-Templated Items)[edit]
Screenshot & Demo Link[edit]
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"
}]
}]
}
Example Content 2 (Templated Items)[edit]
Screenshot & Demo Link[edit]
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"
}]
}
Content Guide[edit]
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.
Demo Page: https://msx.benzac.de/info/?tab=Demo