<section class="row contentRowPad"> <div class="container"> <div class="row"> <div class="col-sm-3 product"> <div class="productInner row m0"> <div class="row m0 imgHov"> <img src="[[+image]]" alt=""> <div class="row m0 hovArea"> <div class="row m0 proType"><a href="#">[[+title]]</a></div> <div class="row m0 proPrice"><i class="fa fa-usd"></i>[[+description]]</div> </div> </div> <div class="row m0 proName"><a href="[[+link]]">[[+description]]</a></div> <div class="row m0 proBuyBtn"> </div> </div> </div> </div> </div> </section> FORM TABS: [ {"caption":"Image", "fields":[ {"field":"image","caption":"Image","inputTVtype":"image"} ]}, {"caption":"Brand", "fields": [ {"field":"title","caption":"Brand", "inputTVtype":"text"} ]}, {"caption":"Price", "fields": [ {"field":"description","caption":"Price","inputTVtype":"text"} ]}, {"caption":"Model", "fields": [ {"field":"description","caption":"model","inputTVtype":"text"} ]}, {"caption":"Page Link", "fields": [ {"field":"description","caption":"link","inputTVtype":"resourseList"} ]} ] GRID: (I tried to develop more on this, but lead me to the conclusion its the fields I am totally ignorant on.) [ {"header": "Title", "width": "50", "sortable": "true", "dataIndex": "title"}, {"header": "Image", "width": "50", "sortable": "false", "dataIndex": "image","renderer": "this.renderImage"} ]
This question has been answered by lkfranklin. See the first response.
[ {"caption":"General", "fields":[ {"field":"image","caption":"Image","inputTVtype":"image"} {"field":"additionalField","caption":"This is an aditional field"} {"field":"additionalField2","caption":"This is an aditional field too"} ]} ]