Nested components : getting Error "Something went wrong"

[ender3]

Trying to create a layout like this, but seems I'm going wrong somewhere :

For debugging I've hard-coded the values & just showing the first two rows below:
Any pointers ?

"sections": [{
          "items":
      {
            "{{ #each $jason }}" :
	{
		"type" : "vertical",
		"components" : [
			{
				"type": "horizontal",
				"components": [
					{
						"type" : "label",
						"text" : "user name"
					},
					{
						"type" : "label",
						"text" : "     -- 30 seconds ago"
					}
				]
			},
			{
				"type": "horizontal",
				"components": [
					{
						"type" : "label",
						"text" : "Data"
					},
					{
						"type" : "label",
						"text" : "image"
					}
				]
			}
		]
            }
          }
        }]

[ethan]

I think space component would be a solution here. Could you try that?

[ethan]

can you post the full code (or better yet a link) that can be replicated? I think it depends on what's inside $jason at the point of rendering.

[ender3]

Well, the styling isn't the actual problem, it's the components nested inside the others.

Seems Jasonette isn't able to render using the format I provided - I thought it might be incorrect JSON format, but doesn't seem so.
Is there something else incorrect in the code ?

[ender3]

Here is the full code :

	{
	  "$jason": {
	    "head": {	
	      "title": "zzzzs by Me",
	      "style": {
		"font": "HelveticaNeue-Bold"
	      },
	      "offline": "false",
	      "actions": {
		"$load": {
		  "type": "$network.request",
		  "options": {
		    "url": "https://zzzz.com/appPostsSharedByMe",
		    "method": "get",
		    "data_type": "json"
		  },
		  "success": {
		    "type": "$render"
		  }
		}
	      },
	      "templates": {
		"body": {
		  "header": {
		    "style": {
		      "background": "#ac7dd4",
		      "color": "#ffffff"
		    },
		    "title": {
		      "type": "label",
		      "text": "zzzzs"
		    },
		    "menu": {
		      "text": "reload",
		      "style": {
			"font": "HelveticaNeue-Bold",
			"size": "12"
		      },
		      "action": {
			"type": "$reload"
		      }
		    }
		  },
		  "footer": {
		    "tabs": {
		      "style": {
			"background": "#ac7dd4",
			"color:disabled": "#B6B6B6",
			"color": "#ffffff"
		      },
		      "items": [
			{
			  "image": "https://raw.githubusercontent.com/Jasonette/Twitter-UI-example/master/images/home.png",
			  "text": "Create zzzz",
			  "style": {
			    "height": "31"
			  },
			  "url": "https://www.jasonbase.com/things/zzzz.json"
			},
			{
			  "image": "https://raw.githubusercontent.com/Jasonette/Twitter-UI-example/master/images/me.png",
			  "text": "To Me",
			  "style": {
			    "height": "21"
			  },
			  "url": "https://www.jasonbase.com/things/zzzz.json"
			},
			{
			  "image": "https://raw.githubusercontent.com/Jasonette/Twitter-UI-example/master/images/moments.png",
			  "text": "By Me",
			  "style": {
			    "height": "21"
			  },
			  "url": "https://www.jasonbase.com/things/zzzz.json"
			}
		      ]
		    }
		  },
		  "sections": [
		    {
		      "items": {
			"{{ #each $jason }}": {
			  "type": "vertical",
			  "components": [
			    {
			      "type": "horizontal",
			      "components": [
				{
				  "type": "label",
				  "text": "user name"
				},
				{
				  "type": "label",
				  "text": "     -- 30 seconds ago"
				}
			      ]
			    },
			    {
			      "type": "horizontal",
			      "components": [
				{
				  "type": "label",
				  "text": "Data"
				},
				{
				  "type": "label",
				  "text": "More ..."
				}
			      ]
			    }
			  ]
			}
		      }
		    }
		  ]
		}
	      }
	    },
	    "body": {
	      "header": {
		"style": {
		  "background": "#ac7dd4",
		  "color": "#ffffff"
		},
		"title": {
		  "type": "label",
		  "text": "zzzzs"
		},
		"menu": {
		  "text": "reload",
		  "style": {
		    "font": "HelveticaNeue-Bold",
		    "size": "12"
		  },
		  "action": {
		    "type": "$reload"
		  }
		}
	      },
	      "sections": [
		{
		  "items": [
		    {
		      "type": "vertical",
		      "style": {
			"padding": "10",
			"spacing": "2",
			"align": "center"
		      },
		      "components": [
			{
			  "type": "label",
			  "text": "Loading zzzzs shared by you.",
			  "style": {
			    "padding": "2",
			    "size": "18"
			  }
			}
		      ]
		    }
		  ]
		}
	      ]
	    }
	  }
	}