When `Y.Bottle.init()` , `{{projectName}}` will create `{{displayName}}` then render it. In the mean time, the default Widget `render` event will be fired. But the rendering process of `{{displayName}}` still not finished. `{{displayName}}` will get required images and their metadata sequentially, decides best position of new grids. After all grids are rendered, `{{displayName}}` will fire `renderFinished` event.
Here is an example code to show rendered number of grids:
``` photogridWidget.on('renderFinished', function (E) { alert('Rendered grids:' + photogridWidget.get('contentBox').all('.bpg_module').size()); }); ```When rendering, the contentBox of the `{{displayName}}` widget will be applied with `bpg_render` class. After render finished, this class will be removed.