<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"}
]}
]