Flexmonster - Add custom footer

by Ian Sadovy

HTML

<script src="https://s3.amazonaws.com/flexmonster/2.2/flexmonster.js"></script>
<h3>Pivot 1</h3>
<div id="pivot-content-1" class="add-footer"></div>
<h3>Pivot 2</h3>
<div id="pivot-content-2" class="add-footer"></div>

CSS

.footer-logo {
  position: absolute;
  width: 220px;
  height: 64px;
  left: 10px;
  bottom: 10px;
  background: url(https://upload.wikimedia.org/wikipedia/commons/thumb/3/3c/Salud_ec_gob.png/220px-Salud_ec_gob.png) no-repeat;
}

JavaScript

flexmonster.embedPivotComponent("https://s3.amazonaws.com/flexmonster/2.2/",
  "pivot-content-1", "100%", "300", {
    licenseKey: "Z53G-1T1WC3-1V1M-0L12-2M0A-1233-1I0Y-2Y2Q-1903-322S-0T2C-1I",
    jsPivotCreationCompleteHandler: onCreationComplete
  }, true);

flexmonster.embedPivotComponent("https://s3.amazonaws.com/flexmonster/2.2/",
  "pivot-content-2", "100%", "300", {
    licenseKey: "Z53G-1T1WC3-1V1M-0L12-2M0A-1233-1I0Y-2Y2Q-1903-322S-0T2C-1I",
    jsPivotCreationCompleteHandler: onCreationComplete
  }, false);

function onCreationComplete() {
  if ($(".add-footer").find(".footer-logo").length == 0) {
    $(".add-footer").append("<div class='footer-logo'/>");
  }
}