<p>Click to select one or several item</p>
<d-linear-layout id="container">
<d-list selectionMode="multiple">
{ "label" : "first item" },
{ "label" : "second item" },
{ "label" : "third item" },
{ "label" : "fourth item" },
{ "label" : "fifth item" }
</d-list>
</d-linear-layout>
require.config({
baseUrl: "http://ibm-js.github.io/libraries/master/"
});
require(["deliteful-build/layer"], function () {
require([
"deliteful/list/List",
"deliteful/LinearLayout",
"requirejs-dplugins/css!delite/themes/defaultapp.css",
"requirejs-domready/domReady!"
], function (register) {
document.body.style.display = "";
});
});
/* CSS to add a selection mark on the default item renderer */
.d-multiselectable .d-selected .d-list-item-icon::before {
content: "\2713";
padding-left: 5px;
}
#container {
width: 100%;
height: 100%;
}