Advanced InfoWindow Widget Help

IntroductionAPI

Help

Help panel currently displays contents to help end users utilize the map view. By default the help card includes standard CMaps Analytics help files. However, this card can be customizable using the widget API to display relevant help, specific to your application.

API Details

Card Markup and CSS



<div>

 <div class="com_cmapsanalytics_cardheader com_cmapsanalytics_card_innerbox">
 <div class="com_cmapsanalytics_alignleft com_cmapsanalytics_card_title">
 Help
 </div>
 </div>
 
 <div style="margin-right: 5px;padding: 10px;">
 <p>
 <a href="http://centigonknowledge.com/tech-support-submission/" target="_blank">Get Support</a>
 </p>
 <p>
 <a href="https://cmapsconnect.com/designer/" target="_blank">CMaps Designer Knowledge Portal</a>
 </p>
 <p>
 <a href="https://cmapsconnect.com/tutorial/designerhelloworld/" target="_blank">Create your first map with CMaps Analytics Designer</a>
 </p>
 <p>
 <a href="http://cmapsanalytics.com/designer/customapps.html" target="_blank">CMaps Analytics Designer Overview </a>
 </p>
 <p>
 <a href="https://cmapsconnect.com/how-cmaps-analytics-designer-works/" target="_blank">Developer Introduction to CMaps Analytics Designer </a>
 </p>
 <p>
 <a href="http://cmapsanalytics.com/designer" target="_blank">CMaps Analytics Designer Developer Portal </a>
 </p>
 <p>
 Version 3.0.0
 </p>
 </div>
 
</div>

JavaScript


(function(){

 createNamespaceUnderCentigon("ui.HelpCard");

 centigon.ui.HelpCard = function(){
 
 centigon.ui.Card.call(this);
 
 this.contentUrl = this.getCardAssetUrl() + "HelpCardMarkup.txt";
 }
 
 centigon.ui.HelpCard.constructor = centigon.ui.Card;
 centigon.ui.HelpCard.prototype = new centigon.ui.Card();
 
 centigon.ui.HelpCard.prototype.getHtml = function(gotHtml){
 
 this.getRemoteContent({url: this.contentUrl, success: gotHtml});
 }
 
})()