are more complex layouts possible?

[imavroukakis]

I'm trying to create the following layout in ADF

Is this at all achievable? I'm thinking it might only be possible with two dashboards on the page, one handling the left half and the other handling the right.

[sdorra]

Correct me if i'm wrong, but for me the structure looks like the following:

dashboardProvider.structure('8-4/4-4-4', {
  rows: [{
    columns: [{
      styleClass: 'col-md-8'
    }, {
      styleClass: 'col-md-4'
    }]
  }, {
    columns: [{
      styleClass: 'col-md-4'
    }, {
      styleClass: 'col-md-4'
    }, {
      styleClass: 'col-md-4'
    }]
  }]
});

[erikwiborg]

hi, co-conspirator of @imavroukakis here. what we're wondering about is a detached-column thing, which isn't that easy to spot in the mockup above. maybe this one is clearer:

[imavroukakis]

What @erikwiborg said 👍 apologies about the misleading mockup

[sdorra]

Ok, now i understand. I'm sorry, but this is currently not possible.

[imavroukakis]

Thanks Sebastian. In your opinion is this something that can be hacked into the framework in a reasonable amount of time?

[sdorra]

I think we have to allow nested rows, so that we could define columns in columns. But i have no "elegant" idea for the structure json layout and i'm not sure how the template for the dashboard should look.

[imavroukakis]

doesn't need to be elegant. The boostrap div example http://getbootstrap.com/css/#grid-nesting isn't particularly elegant as nesting it's the only way this can be done.
With respects to the template , maybe describing this as an unbalanced tree?

[sdorra]

The problem is not the bootstrap html layout. The problem is the angular template, because we have to render the rows and columns in a recursive way. I'm not sure if we have to build a new directive or should we use ng-include to get this done.

[imavroukakis]

A new directive I think for the recursive part as you need angular compile to avoid infinite loops.

On 7 Oct 2014, at 07:33, Sebastian Sdorra notifications@github.com wrote:

The problem is not the bootstrap html layout. The problem is the angular template, because we have to render the rows and columns in a recursive way. I'm not sure if we have to build a new directive or should we use ng-include to get this done.

—
Reply to this email directly or view it on GitHub.

[sdorra]

Fixed by #52