Layouts
Two columns
Two columns
This template provides an example of how a report with two columns can be setup.
{
"$schema":"https://hybiscuscdn.blob.core...."
"options":{
"report_title":"Report title"
"report_byline":"Report byline"
"enable_header":true
"version_number":"v1.0.0"
"vertical_margin":5
"horizontal_margin":5
}
"config":{
"n_pages":1
"enable_multi_page":false
"enable_pagination":false
"landscape":false
"color_theme":"default"
"typography_theme":"default"
"google_fonts":{
"headings":{
"weight":"700"
}
"paragraph":{
"weight":"300"
}
}
"override_color_theme":{
"highlighted":{}
}
"cloud_storage":{}
"webhooks":[]
}
"components":[
0:{
"type":"Row"
"options":{
"width":"full"
"columns":2
"align":"left"
"column_spacing":3
}
"components":[
0:{
"type":"Table"
"options":{
"rows":[
0:[
0:{
"content":"Row 1, Col 1"
}
1:{
"content":"Row 1, Col 2"
}
]
1:[
0:{
"content":"Row 2, Col 1"
}
1:{
"content":"Row 2, Col 2"
}
]
]
"title":"Table 1"
"headings":[
0:"Header 1"
1:"Header 2"
]
"striped":true
"table_border":true
"col_borders":false
"rows_font_size":"sm"
"headings_font_size":"sm"
}
}
1:{
"type":"Table"
"options":{
"rows":[
0:[
0:{
"content":"Row 1, Col 1"
}
1:{
"content":"Row 1, Col 2"
}
]
1:[
0:{
"content":"Row 2, Col 1"
}
1:{
"content":"Row 2, Col 2"
}
]
]
"title":"Table 2"
"headings":[
0:"Header 1"
1:"Header 2"
]
"striped":true
"table_border":true
"col_borders":false
"rows_font_size":"sm"
"headings_font_size":"sm"
}
}
]
}
]
}
To use this template, simply press the button in the top right corner to copy the JSON to your clipboard. You can paste it directly into the Cloud Editor to get started with this template.