As per their answer, we need to do this: Your CSS selector is apparently incorrect. It should be: .THIS .imageview { // Please notice the space between .THIS and .imageview Instead of: .THIS.imageview { Use the latter for top-level elements, and the former for nested elements, such as those found in a lightning:layoutItem. You'll also note that your labels are not bold, because you've used .THIS.label instead of .THIS .label. You should almost always end up using that space.
The answer was half-great, the everything worked but the image is nor showing up yet. But if I write {!v.boat.Picture__c} on the UI simply then the image shows up
Follow this link on stack exchange for salesforce :
https://salesforce.stackexchange.com/questions/202807/image-not-appearing-on-lightning-component?answertab=votes#tab-top
As per their answer, we need to do this:
Your CSS selector is apparently incorrect. It should be:
.THIS .imageview { // Please notice the space between .THIS and .imageview
Instead of:
.THIS.imageview {
Use the latter for top-level elements, and the former for nested elements, such as those found in a lightning:layoutItem.
You'll also note that your labels are not bold, because you've used .THIS.label instead of .THIS .label. You should almost always end up using that space.