Awesome Table: Quick and beautiful FAQ
Post date: Apr 21, 2015 1:23:9 PM
Use built-in functionality in template to make Hide & Show displays
A simple FAQ
A simple way to display your data like a FAQ makes use of a HTML element property. The HTML snippet below show the basic structure. In your template, add 2 elements in the same parent element and assign them a new property "data-toggle-visibility". Then change the value of the first one to "controller", and of the second one to "target" to define where you will click and what will toggle :
1 2 3 4
<div> <div data-toggle-visibility="controller">Toggle button content</div> <div data-toggle-visibility="target">Your hidden toggeable content</div></div>
Inside the HTML you can use Awesome Table template feature like you usually do.
You will find below an example of what you can achieve :
And here is the gadget setting view, that allow you to view the spreadsheet, and more importantly, the Template sheet: