The IFrameModuleView is the main view inside of a TabView. Please use the set methods to set the elements of the other sections in the tab view You do have the freedom to not use this view but doing so will allow easier refractoring and a structured way to handle different platforms (varying screen size, mobile, touchscreens, etc.) Provided below is some boilerplate code for creating a new IFrameModuleView.

define(
['awa', '[package_name]/tpl'],
function(awa, tpl){
    var NewView = awa.mvc.IFrameModuleView.extend({
        constructor: function(options) {
            var o = {
                tpl: //template here if you choose to have it automated
                tplArgs: //template args here if you choose to have it automated
            };
            options = _.extend(options || {}, o);
            NewView.__super__.constructor.call(this, options);
        },

        render: function() {
            var self = this;

            NewView.__super__.render.call(this);

            // control panel
            self.controls = self.addChild("controls", new awa.mvc.ControlsView({
                tpl: //controls template
            }));
            self.controls.render();
            self.setControls(self.controls.$el);

            self.widgets();

            //this method will bind inputs and any fields that have a class that match an attribute of the model to the model
            self.bindToModel();

            //lets the scrollable widget know the view is done rendering
            self.trigger("rendered");
        }
    });
    return NewView;
});