Skip to content

Instantly share code, notes, and snippets.

@wanghailei
Created December 3, 2012 17:03
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save wanghailei/4196357 to your computer and use it in GitHub Desktop.
Save wanghailei/4196357 to your computer and use it in GitHub Desktop.
Google Closure - positions sections horizontally with position:absolute
app.plateSections = function() {
var plateWidth = 0;
// Add the first section's width.
goog.style.getSize( goog.dom.getFirstElementChild( goog.dom.getElement('plate') ) ).width ;
// Position each of the sections horizontally one after another starting from the first child of plate.
goog.array.forEach( goog.dom.getChildren( goog.dom.getElement('plate') ), function(section) {
goog.style.setPosition( goog.dom.getNextElementSibling(section), goog.style.getPosition(section).x + goog.style.getSize(section).width );
// Accumulate the width of each section after the first section.
plateWidth += goog.style.getSize(section).width;
});
// Get the should-be width of the plate element.
goog.style.setSize(goog.dom.getElement('plate'), plateWidth);
};
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment