Selection Examples - Revision history

Benzac: /* Code */

2021-03-04T09:03:37Z

Code

Benzac: /* Code */

2021-03-02T13:47:58Z

Code

Benzac: /* Code */

2021-03-02T12:17:23Z

Code

Benzac at 12:16, 2 March 2021

2021-03-02T12:16:11Z

Benzac: /* Screenshot */

2021-01-14T15:24:39Z

Screenshot

Benzac: /* Demo */

2021-01-14T14:39:13Z

Demo

Benzac: /* Screenshot */

2021-01-14T14:36:34Z

Screenshot

Benzac: /* Demo */

2021-01-14T14:35:19Z

Demo

Benzac at 14:34, 14 January 2021

2021-01-14T14:34:58Z

Benzac: Created page with "== Example 1 == === Screenshot === Example Screenshot (Selection Example 1) === Code=== { "type": "pages"..."

2021-01-14T14:34:30Z

Created page with "== Example 1 == === Screenshot === thumb|640px|none|Example Screenshot (Selection Example 1) === Code=== <syntaxhighlight lang="json"> { "type": "pages"..."

New page

== Example 1 ==
=== Screenshot ===
[[File:menu.png|thumb|640px|none|Example Screenshot (Selection Example 1)]]

=== Code===
<syntaxhighlight lang="json">
{
"type": "pages",
"headline": "Selection Test",
"overlay": {
"items": [{
"id": "info",
"type": "space",
"layout": "0,4,12,2",
"text": ""
}]
},
"template": {
"type": "separate",
"layout": "0,0,2,4",
"icon": "msx-white-soft:adb",
"color": "msx-glass"
},
"items": [{
"badge": "{col:msx-white}important",
"badgeColor": "msx-red",
"title": "Item 1",
"action": "info:Item 1 executed.",
"selection": {
"important": true,
"background": "http://msx.benzac.de/img/bg1.jpg",
"action": "update:content:overlay:info",
"data": {
"text": "{ico:msx-blue:info} Item 1 selected."
}
}
}, {
"badge": "{col:msx-white}important",
"badgeColor": "msx-red",
"title": "Item 2",
"action": "info:Item 2 executed.",
"selection": {
"important": true,
"background": "http://msx.benzac.de/img/bg2.jpg",
"action": "update:content:overlay:info",
"data": {
"text": "{ico:msx-blue:info} Item 2 selected."
}
}
}, {
"badge": "{col:msx-white}important",
"badgeColor": "msx-red",
"title": "Item 3",
"action": "info:Item 3 executed.",
"selection": {
"important": true,
"background": "http://msx.benzac.de/img/bg3.jpg",
"action": "update:content:overlay:info",
"data": {
"text": "{ico:msx-blue:info} Item 3 selected."
}
}
}, {
"title": "Item 4",
"action": "info:Item 4 executed.",
"selection": {
"action": "update:content:overlay:info",
"data": {
"text": "{ico:msx-blue:info} Item 4 selected."
}
}
}, {
"title": "Item 5",
"action": "info:Item 5 executed.",
"selection": {
"action": "update:content:overlay:info",
"data": {
"text": "{ico:msx-blue:info} Item 5 selected."
}
}
}, {
"title": "Item 6",
"action": "info:Item 6 executed.",
"selection": {
"action": "update:content:overlay:info",
"data": {
"text": "{ico:msx-blue:info} Item 6 selected."
}
}
}]
}
</syntaxhighlight>

=== Demo ===
* Launch via App: https://msx.benzac.de/?start=menu:https://msx.benzac.de/info/data/xp/selection_test.json
* Launch via Demo Page: https://msx.benzac.de/info/?start=menu:https://msx.benzac.de/info/data/xp/selection_test.json

== See also ==
* [[Selection Object]]

@@ Line 120: / Line 120: @@
          "layout": "0,0,2,4",
          "icon": "msx-white-soft:adb",
          "color": "msx-glass",
          "selection": {
              "important": true,
@@ Line 135: / Line 135: @@
                      }]
+             }
+         }
      },
      "items": [{
              "title": "Item 1",
-             "action": "info:Item 1 executed.",
+             "executionInfo": "Item 1 executed.",
              "selectionInfo": "Item 1 selected.",
              "selectionBackground": "http://msx.benzac.de/img/bg1.jpg"
          }, {
              "title": "Item 2",
-             "action": "info:Item 2 executed.",
+             "executionInfo": "Item 2 executed.",
              "selectionInfo": "Item 2 selected.",
              "selectionBackground": "http://msx.benzac.de/img/bg2.jpg"
          }, {
              "title": "Item 3",
-             "action": "info:Item 3 executed.",
+             "executionInfo": "Item 3 executed.",
              "selectionInfo": "Item 3 selected.",
              "selectionBackground": "http://msx.benzac.de/img/bg3.jpg"
          }, {
              "title": "Item 4",
-             "action": "info:Item 4 executed.",
+             "executionInfo": "Item 4 executed.",
              "selectionInfo": "Item 4 selected.",
              "selectionBackground": "none"
          }, {
              "title": "Item 5",
-             "action": "info:Item 5 executed.",
+             "executionInfo": "Item 5 executed.",
              "selectionInfo": "Item 5 selected.",
              "selectionBackground": "none"
          }, {
              "title": "Item 6",
-             "action": "info:Item 6 executed.",
+             "executionInfo": "Item 6 executed.",
              "selectionInfo": "Item 6 selected.",
              "selectionBackground": "none"

@@ Line 1: / Line 1: @@
 == Example ==
 === Screenshot ===
-[[File:selection.png|thumb|640px|none|Example Screenshot (Selection)]]
+[[File:selection.png|thumb|640px|none|Example Screenshot (Selection Test)]]
 === Code===

@@ Line 93: / Line 93: @@
 === Demo ===
-* Launch via App: https://msx.benzac.de/?start=content:https://msx.benzac.de/info/data/xp/selection_test.json
+* Launch via App: https://msx.benzac.de/?start=content:https://msx.benzac.de/info/xp/data/selection_test.json
-* Launch via Demo Page: https://msx.benzac.de/info/?start=content:https://msx.benzac.de/info/data/xp/selection_test.json
+* Launch via Demo Page: https://msx.benzac.de/info/?start=content:https://msx.benzac.de/info/xp/data/selection_test.json
 == See also ==
 * [[Selection Object]]

@@ Line 1: / Line 1: @@
 == Example ==
 === Screenshot ===
-[[File:menu.png|thumb|640px|none|Example Screenshot (Selection Example)]]
+[[File:selection.png|thumb|640px|none|Example Screenshot (Selection)]]
 === Code===

@@ Line 105: / Line 105: @@
      "type": "pages",
      "headline": "Delayed Selection Test",
      "overlay": {
          "items": [{

@@ Line 115: / Line 115: @@
      "template": {
          "enumerate": false,
          "badge": "{col:msx-white}important",
          "badgeColor": "msx-red",
          "layout": "0,0,2,4",
          "icon": "msx-white-soft:adb",