AnsweredAssumed Answered

Custom Dashlet breaks dashboard

Question asked by tyler.lovejoy on Nov 15, 2016
Latest reply on Dec 7, 2016 by kalpesh.c2

I created a custom dashlet.  It doesn't contain anything except some html that I have created.  When I put it in, everything works, except when I put a different dashlet below the dashlet I have created the dashboard goes wacky.

Dashboard ftl

<script type="text/javascript">//<![CDATA[
var dashlet = new Alfresco.dashlet.Notice("${args.htmlid}").setOptions(
{
"componentId": "${instance.object.id}",
"title": "<#if args.title?exists>${args.title?js_string}</#if>",
"text": "<#if args.text?exists>${args.text?js_string}</#if>"
}).setMessages(
${messages}
);
new Alfresco.widget.DashletResizer("${args.htmlid}", "${instance.object.id}");

new Alfresco.widget.DashletTitleBarActions("${args.htmlid}").setOptions(
{
actions:
[
{
cssClass: "help",
bubbleOnClick:
{
message: "${msg("dashlet.help")?js_string}"
},
tooltip: "${msg("dashlet.help.tooltip")?js_string}"
}
]
});
//]]></script>

<div class="dashlet notice-dashlet">
<div class="title" id="${args.htmlid}-title"><#if args.title?? && args.title != "">${args.title}<#else>${msg("notice.defaultTitle")}</#if></div>
<div class="body scrollableList"<#if args.height??> style="height: ${args.height}px;"</#if>>
<div id="${args.htmlid}-text" class="text-content">
<div style="border-bottom: 1px dashed #d9d9d9; width:100%; padding: 5px 0px 5px 0px;">
   <b>AOR</b><br>
      <a href="/site/dashboard">AOR</a> | <a href="/site/documentlibrary">Outreach Toolkit</a>
</div>
<div style="border-bottom: 1px dashed #d9d9d9; width:100%; padding: 5px 0px 5px 0px;">
   <b>OR</b><br>
      <a href="/site/dashboard">AOR</a> | <a href="/site/documentlibrary">Outreach Toolkit</a>
</div>
<div style="border-bottom: 1px dashed #d9d9d9; width:100%; padding: 5px 0px 5px 0px;">
   <b>AOR</b><br>
      <a href="/site//dashboard">AOR</a> | <a href="/site/documentlibrary">Toolkit</a>
</div>
<div style="border-bottom: 1px dashed #d9d9d9; width:100%; padding: 5px 0px 5px 0px;">
   <b>AOR</b><br>
      <a href="/site/dashboard">AOR</a> | <a href="/site/documentlibrary">oolkit</a>
</div>
<div style="border-bottom: 1px dashed #d9d9d9; width:100%; padding: 5px 0px 5px 0px;">
   <b>OR</b><br>
      <a href="/site/dashboard">AOR</a> | <a href="/site/documentlibrary">oolkit</a>
</div>
<div style="border-bottom: 1px dashed #d9d9d9; width:100%; padding: 5px 0px 5px 0px;">
   <b>OR</b><br>
      <a href="/site/dashboard">AOR</a> | <a href="/site/documentlibrary">oolkit</a>
</div>
</div>
</div>
</div>
</div>

Below is a picture of what happens when I add it

 

Let me know if you need anymore info

Outcomes