I have gone though the process of creating a tab called ‘Fields’ using the view pattern that @afshin and @vineeth discussed above.
These are the steps I took:
Add the following to og.common.masthead.ftl
<li><a href="fields.ftl" class="og-fields">Fields</a></li>
- Add the following to common.layout in og.common.routes.js
Add the following to the end of og.views.common.layout.js
Update uiResourceConfig.xml to include the new files
add a top level css bundle
<bundle idref="fields.css" /> to <bundle id="og_all.css">
add a top level js bundle
Remember to restart your server after updating the config xml.
Finally I have added a quick example to get some data via an ajax call to populate a drop-down with region codes.
The " UI Layout Initialization" error was probably down to the class names in og.views.common.layout.js not matching those in fields.flt
Let me know if this works for you.