I have some very basic custom Dashlets that we've had since the intelligence pane was first introduced years ago.
Since upgrading from v11 -> v14.x we lost the scroll bars on the side/bottom of these dashlets.
Any suggestions on how to rewrite/correct these?
The dashlets are all similar, with a controller that calls an API (in Sugar or an external resource), takes the results and puts them in a very basic table:
controller:
({
tagName: 'ul',
className: 'dashlet-childContracts',
plugins: ['Dashlet'],
resources:{},
initDashlet: function(view) {
var self = this,
index = 0,
contract_number = this.model.get('contract_number'),
url = app.api.buildURL('getChildContracts/'+contract_number);
self.resources = new Object();
app.api.call('GET', url, null, {
success:function(data){
self.total = data.length;
_.each(data, function(value, key){
self.resources[index] = {
'contract_url':'index.php#wcont_WContracts/'+value['id'],
'name':value['name'],
'contract_number':value['contract_number'],
'contract_status':value['contract_status'],
'contract_type': value['contract_type'],
'effective_date': value['effective_date'],
'expiration_date': value['expiration_date'],
};
index++;
});
self.render();
},
error: function(e) {
console.log(e);
}
});
}
})
metadata:
<?php
$viewdefs['base']['view']['dashlet-childContracts'] = array(
'dashlets' => array(
array(
'label' => 'LBL_CHILD_CONTRACTS_DASHLET',
'description' => 'LBL_CHILD_CONTRACTS_DASHLET_DESC',
'config' => array(),
'preview' => array(),
'filter' => array(
'module' => array(
'wcont_WContracts',
),
'view' => 'record',
),
),
),
);
hbs:
{{!--
*/ formats output `
--}}
<div class="flex-list-view-content">
<table class="table table-striped dataTable">
<tr>
<th>Contract Num</th>
<th>Effective Date</th>
<th>Expiration Date</th>
<th>Limited Coverage</th>
<th>Contract Status</th>
<th>Contract Type</th>
</tr>
<tbody>
{{#each resources}}
<tr>
<td><a href="{{contract_url}}" target="_blank">{{str contract_number module}}</a> </td>
<td>{{effective_date}}</td>
<td>{{expiration_date}}</td>
<td>{{contract_status}}</td>
<td>{{contract_type}}</td>
</tr>
{{/each}}
</tbody>
</table>
</div>
