12-06-2018 13:01
- Mark as New
- Bookmark
- Subscribe
- Permalink
- Report this post

Jogger
1
0
0
12-06-2018 13:01
- Mark as New
- Bookmark
- Subscribe
- Permalink
- Report this post
I can generate a list from the tutorial given in https://dev.fitbit.com/build/guides/user-interface/svg-components/views/#advanced-usage.
But on OnClick, how do I show another page with some text in it?
1 REPLY 1
12-13-2018 08:34
- Mark as New
- Bookmark
- Subscribe
- Permalink
- Report this post


Fitbit Developer
2266
575
1162
12-13-2018 08:34
- Mark as New
- Bookmark
- Subscribe
- Permalink
- Report this post
You basically need to show and hide <svg> elements, like:
<svg id="list"> <!-- your tile list --> </svg>
<svg id="details" display="none">
<text id="thing" />
<text id="back" pointer-events="all">Back</text>
</svg>
let list = document.getElementById("list");
let details = document.getElementById("details");
let thing = document.getElementById("thing");
let back = document.getElementById("back");
function backClickHandler() {
details.style.display = "none";
list.style.display = "inline";
}
function itemClickHandler() { list.style.display = "none";
thing.text = "something";
details.style.display = "inline"; }

