{"className":"edge.widget.template.TemplateConfig","htmlString":"<div class=\"parksInfoBKG\" ng-style=\"{'background-image':rows[0].ImageName != undefined ? 'url(custom/parks/' + rows[0].ImageName : ''}\">\n  <div class=\"parksInfo\">\n    <h1 class=\"parksInfoHeader\">{{rows[0].Name}}</h1>\n    <table><tbody>\n      <tr><td class=\"fieldName\">State</td><td class=\"fieldValue\">{{rows[0].State}}</td></tr>\n      <tr><td class=\"fieldName\">Area</td><td class=\"fieldValue\">{{rows[0].Area_in_acres}}</td></tr>\n      <tr><td class=\"fieldName\">Description</td><td class=\"fieldValue\">{{rows[0].Description}}</td></tr>\n      </tbody></table>\n  </div>\n</div>\n      ","cssString":".parksInfoBKG {\n  width:100%;\n  height:100%;\n  background-repeat:no-repeat;\n  background-size: 100% auto;\n  background-position: center center;\n  -webkit-transition: background-image 2s ease-in-out;\n  transition: background-image 2s ease-in-out;\n}\n\n.parksInfo {\n  background-color: rgba(0,0,0,.25);\n  text-shadow: 1px 1px 3px rgba(0,0,0,.3);\n  padding:20px;\n  \n  table {\n    table-layout: fixed;\n    width: 100%;\n  }\n}\n\n.parksInfoHeader {\n  color: white;\n  margin: 0px;\n}\n\n.fieldName {\n  color: white;\n  font-weight: bold;\n  padding-right: 10px;\n  width: 200px;\n  wertical-align: top;\n}\n\n.fieldValue {\n  color: white;\n}\n    \n  "}