Side bar opens the view in full window(overlapping full page) .

1) after login application goes to main.html page which shows main layout(side bar, header, footer).
2) created landing page(Main.html) which will have menus , Top header(user profile), footer, and index.html(root file). after this.(it was there in index.html page under body tag).
3) added ui-view(unnamed) to landing page(main.html). that will load the content on click of menus in sidebar.(ladning page does't have any body tag) only div, other html controls required.
4) Index.html having another ui-view(un named). under body tag. which loads the login into index.html(root) file.

after login page it goes to Main.html page,

ISSUE--

on click of menu in sidebar it, opens the page with parent(index.html) file(UI-VIEW), overrides the same page, it should open views with main.html(in same window).

Possible solution
1) named view should be used,
2) can we change sidebar position out of main section,
3) Parent UI-view scope is overriding the Main.html ui-view.

Please suggest thanks in advance.