How to position the default loadingroute in emberjs

How to position the default loadingroute in emberjs

EmberJS provides a loadinroute which can be used to render a spinner etc.
while the promise is being processed.
By default it processes under the {{outlet}}. I'm wondering if there is a
way to position the render to someplace else?
For example in this jsbin: http://jsbin.com/ixazeb/8/edit I want to
position the loading... on top of the App text.
I've tried to tap into the renderTemplate like this:
App.LoadingRoute = Ember.Route.extend({
renderTemplate: function() {
this.render({ outlet: 'sidebar' });
}
});
and using it in my template like this: but that didn't work.