Cancel
Showing results for 
Show  only  | Search instead for 
Did you mean: 

how to add a tile list and onchange event to another page

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?  

 

 

Best Answer
0 Votes
1 REPLY 1

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"; }

 

Best Answer
0 Votes