Benjamin,
Here is the code to do that:
In the LayerList Widget.js replace the showLayers function with this one.
The define portion changes:
define([
'jimu/BaseWidget',
'dojo/_base/declare',
'dojo/_base/lang',
'dojo/_base/array',
'dojo/_base/html',
'dojo/dom',
'dojo/on',
'dojo/query',
'dijit/registry',
'./LayerListView',
'./NlsStrings',
'jimu/LayerInfos/LayerInfos',
'dojo/dom-construct'
],
function(BaseWidget, declare, lang, array, html, dom, on,
query, registry, LayerListView, NlsStrings, LayerInfos, domConstruct) {
...
showLayers: function() {
this.layerListView = new LayerListView({
operLayerInfos: this.operLayerInfos,
layerListWidget: this,
config: this.config
}).placeAt(this.layerListBody);
setTimeout(lang.hitch(this, function(){
var node = query('.layer-tr-node-LOJIC_LandRecords_Louisville_5606')[0];
var layerTrNodeClass = "layer-tr-node-LOJIC_LandRecords_Louisville_5606";
var layerTrNode = domConstruct.create('tr', {
'class': 'desc',
'layerTrNodeId': 'LOJIC_LandRecords_Louisville_5606'
});
var layerTdNode = domConstruct.create('td', {
'class': 'col col1',
'style': 'width: 40px;'
}, layerTrNode);
var layerTitleTdNode = domConstruct.create('td', {
'class': 'col col2'
}, layerTrNode);
var layerTitleDivIdClass = 'layer-title-div-LOJIC_LandRecords_Louisville_5606';
var divLabel = domConstruct.create('div', {
'innerHTML': 'This is your text you wanted to add',
'class':layerTitleDivIdClass + ' div-content jimu-float-leading'
}, layerTitleTdNode);
domConstruct.place(layerTrNode, node, 'after');
}), 1000);
},
The new css rule to add to the style css:
.jimu-widget-layerList .desc{
height: 40px;
color: #ff0000;
font-size: 11px;
}