Multi-row components

[xavier630]

Hey, am I able to make widgets that take up multiple rows like this?

I've tried nesting rows within columns but it doesn't seem to work. It may be that I have messed up the object as the nested arrays and curly braces get really complex. If you have an example, could you please post it?

[Raathigesh]

Nested rows in a column is not supported right now. But having a single row with multiple columns and having multiple widgets in a single column should work. A sample layout is given below.

{
  layout: {
      rows: [{
        columns: [{
          className: 'col-md-6',
          widgets: [{key: 'RocketWidget'}],
        }, {
          className: 'col-md-3',
          widgets: [{key: 'RocketWidget'}, {key: 'RocketWidget'}],
        }, {
          className: 'col-md-3',
          widgets: [{key: 'RocketWidget'}, {key: 'RocketWidget'}],
        }],
      }]
  }
}

FYI, I'm planning to rewrite dazzle which allows for more flexible layout using react-grid-layout. Keep an eye out for the release.

[xavier630]

Any ETA on the release? I'm looking forward to it as I'll be able to lay everything out properly.

[Raathigesh]

I'm sorry I don't have an ETA at the moment. Been busy with another project.

[cphoover]

I haven't tested this yet but is Dazzle nestable?