Javascript is not supported within the template code.
For security reasons, <script> tags are scrubbed on save. To use Javascript on a table's data, try retrieving it as JSON from the Fusion Tables API. Or retrieve the template embed URL using an AJAX fetch and parse the contents.

Publish Cards

The Publish tool allows you to send a link to a page displaying the cards all on their own, or copy the HTML to embed the cards in a website. Normal permissions still apply, so you may need to change the visibility settings for the table.

Click Tools > Publish.

Copy the link or the HTML code and paste it in an email or website editor.

Optional: Adjust the size of the iframe using Width and Height.

Close the Publish dialog.

Normal permissions still apply! The published cards will only be visible to those who have been granted access. Read about making a table accessible.

CSS styling for the card layout

When embedding cards in another webpage, styles declared for the hosting page will apply to the display of content in the info window.

By default the automatic and custom card content is wrapped in a div with class googft-card-view. This allows the hosting page to specify styles scoped to only card content.

For example, the CSS style declaration below will create a yellow highlight on all table cells within the card content, but no other tables on the page:

.googft-info-window td { background-color: yellow }

When using a custom template, you can change the class name and create additional divs with their own class names as needed.