StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POHow do you manage the ui-layout of an Ember.js app?
primarykey
Id
9717461
data
AcceptedAnswerId
24798791
AnswerCount
4
ClosedDate
CommentCount
0
CommunityOwnedDate
CreationDate
2012-03-15T10:00:03.433
FavoriteCount
2
LastActivityDate
2014-07-17T08:44:05.940
LastEditDate
2012-03-15T10:18:59.493
LastEditorUserId
479314
OwnerUserId
479314
ParentId
0
PostTypeId
1
Score
6
ViewCount
3133
LastEditorDisplayName
text
Body
I am looking for options to manage the ui-layout of an ember application I am currently working on. The application has to be very flexible (configurable) when it comes to the ui-layout - so having layout-containers with regions like "top", "left", "center", "right" and "bottom" which can be nested whould be a good fit (thats how most layout-managers manage layout). I found a few solutions, but am somehow undecided: <ol> <li><a href="http://developer.yahoo.com/yui/layout/" rel="noreferrer">yui2-layout-manager</a> (<a href="http://developer.yahoo.com/yui/examples/layout/page_layout_source.html" rel="noreferrer">Demo</a>) Seems a bit old/clunky, successor, yui3-layoutmanager, is in "planning" stage since months (years?)</li> <li><a href="http://layout.jquery-dev.net/" rel="noreferrer">jquery-ui-layout</a> (<a href="http://layout.jquery-dev.net/demos/complex.html#" rel="noreferrer">Demo</a>) Looks a bit bloated. Codebase is not public: As it seems the project-owner does not want it to be too public(?) (from what i read in the google-group, someone asked why its not on github...)</li> <li><a href="http://dojotoolkit.org/" rel="noreferrer">dojotoolkit</a> (<a href="http://dojotoolkit.org/documentation/tutorials/1.6/dijit_layout/demo/appLayout.html" rel="noreferrer">Demo</a>) Seems quit a bit "obtrusive" </li> </ol> All in all no solution feels "good" to me and I wonder if I should better write the layout-managing-logic myself. What do you think? 
Tags
<ember.js>
Title
How do you manage the ui-layout of an Ember.js app?
singulars
PostAcceptedAnswerId
1. This table or related slice is empty.
PostParentId
1. This table or related slice is empty.
PostTypePostTypeId
1. PTQuestion
UserLastEditorUserId
1. USfpauser
UserOwnerUserId
1. USfpauser
plurals
PostLinksPostIdRelatedPostId
1. This table or related slice is empty.
PostLinksRelatedPostIdPostId
1. This table or related slice is empty.
PostsAcceptedAnswerId
1. This table or related slice is empty.
PostsParentIdCreationDate
1. PO
 singulars
 PostTypePostTypeId
 PTAnswer
2. PO
 singulars
 PostTypePostTypeId
 PTAnswer
3. PO
 singulars
 PostTypePostTypeId
 PTAnswer
VotesPostIdCreationDate
1. VO
 singulars
 PostPostId
 POHow do you manage the ui-layout of an Ember.js app?
 UserUserId
 This table or related slice is empty.
 VoteTypeVoteTypeId
 VTUpMod
2. VO
 singulars
 PostPostId
 POHow do you manage the ui-layout of an Ember.js app?
 UserUserId
 This table or related slice is empty.
 VoteTypeVoteTypeId
 VTUpMod
3. VO
 singulars
 PostPostId
 POHow do you manage the ui-layout of an Ember.js app?
 UserUserId
 USGutenYe
 VoteTypeVoteTypeId
 VTFavorite
CommentsPostId
1. This table or related slice is empty.

Querying!

Guidance

A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.