Select to view content in your preferred language

How do you add a chart or table in ArcGIS Story Maps?

8892
5
01-23-2018 03:32 PM
emmaorou300SCS
New Contributor

For example on Google Docs, you can 'insert a table' like this one below! This is exactly what I need but I do not know how to insert something like this on the side panel writing of ArcGIS Story Maps??

Header 1Header 2
5 Replies
CarmelConnolly
Esri Regular Contributor

Hi, 

What story map app are you using? Apps | Story Maps 

A number of the apps support working with HTML so it's possible to add a table using any of the tags mentioned here: https://developerscorner.storymaps.arcgis.com/using-custom-html-in-map-journal-70913cfff66e

Here's some basic HTML table help too: HTML Tables 

To replicate the above table in Story Map Journal for example, you'd insert the following code into the the Side Panel by clicking this button:

<html>
<head>
<style>
table, th, td {
 border: 1px solid black;
 border-collapse: collapse;
}
th, td {
 padding: 5px;
 text-align: left;
}
table#t01 {
 width: 100%; 
 background-color: #f1f1c1;
}
</style>
</head>
<body>

<table style="width:100%">
 <tr>
    <th>Header 1</th>
    <th>Header 2</th>
 </tr>
 <tr>
    <td></td>
    <td></td>
 </tr>
 <tr>
    <td></td>
    <td></td>
 </tr>
</table>
<br>

Otherwise you could take a screenshot of the table from Google Docs and load it as an Image into the Story Map. 

Carmel  
NedCake1
Regular Contributor

Thanks Carmel

Great tip! Here's what we did with it.

https://tlcgis.maps.arcgis.com/apps/MapJournal/index.html?appid=5ebfb4ac76f1437cad51ab37940fbf72&sec... 

Ned Cake

TLCGIS

Ankitkhanna
Occasional Contributor

Hi @NedCake1 I had a look at your storymap, amazing work. If you don't mind, can you please share how did you designed this.
Did you used storymaps collections?

0 Kudos
NedCake1
Regular Contributor

Hello Ankitkhanna,

That storymap was created in (now retired) storymaps classic sidecar. While the retired version still functions, we aren't using it.  We have replaced it in the new version of storymaps. https://arcg.is/001bH0

Hope that helps

Ned

 

0 Kudos
Ankitkhanna
Occasional Contributor

Thanks @NedCake1 great work with new version. Old version was so good with large amount of real estate and navigation was quiet nice.

Thanks again for your response.

0 Kudos