We are trying to take our Canadian election event map from CartoDB -- http://cdb.io/1TabLyz -- and introduce the toggle button feature allowing users to filter by party.
Both myself and our lead developer have gone through this Toggle tutorial process -- http://docs.cartodb.com/tutorials/toggle_map_view.html -- and implemented for our map. But the buttons are not selecting properly, and no filtering is being done. Any suggestions or guidance? Here is the code:
html, body {width:100%; height:100%; padding: 0; margin: 0;}#map { width: 100%; height:100%; background: black;}#menu { position: absolute; top: 5px; right: 10px; width: 400px; height:60px; background: transparent; z-index:10;}#menu a { margin: 10px 5px 0 0; float: right; vertical-align: baseline; width: 40px; padding: 5px; text-align: center; font: bold 10px "Verdana",Arial; line-height: normal; color: #000000; border-radius: 4px; border: 1px solid #777777; background: #ffffff; text-decoration: none; cursor: pointer;}#menu a.selected,#menu a:hover { color: #c51b8a;}
VIDEO NDP LIBGREEN CPC BQALL
أكثر...
Both myself and our lead developer have gone through this Toggle tutorial process -- http://docs.cartodb.com/tutorials/toggle_map_view.html -- and implemented for our map. But the buttons are not selecting properly, and no filtering is being done. Any suggestions or guidance? Here is the code:
html, body {width:100%; height:100%; padding: 0; margin: 0;}#map { width: 100%; height:100%; background: black;}#menu { position: absolute; top: 5px; right: 10px; width: 400px; height:60px; background: transparent; z-index:10;}#menu a { margin: 10px 5px 0 0; float: right; vertical-align: baseline; width: 40px; padding: 5px; text-align: center; font: bold 10px "Verdana",Arial; line-height: normal; color: #000000; border-radius: 4px; border: 1px solid #777777; background: #ffffff; text-decoration: none; cursor: pointer;}#menu a.selected,#menu a:hover { color: #c51b8a;}
VIDEO NDP LIBGREEN CPC BQALL
أكثر...