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

[brijesh1ec]

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.

[vazh]

i cant understand what you mean at all.
please give information about your route structure, what is inside index.html, main.html, etc.
give example by plunkr, or paste your code here.

[brijesh1ec]

Index.html page contents. which loads the login page.

<title>Root page</title>

<!-- build:css({.tmp/serve,src}) styles/vendor.css -->

<link href="css/icheck/flat/green.css" rel="stylesheet">
<!-- bower:css -->
<link rel="stylesheet" href="../bower_components/Ionicons/css/ionicons.css" />
<link rel="stylesheet" href="../bower_components/angular-toastr/dist/angular-toastr.css" />
<link rel="stylesheet" href="../bower_components/animate.css/animate.css" />
<link rel="stylesheet" href="../bower_components/bootstrap/dist/css/bootstrap.css" />
<link rel="stylesheet" href="../bower_components/bootstrap-select/dist/css/bootstrap-select.css" />
<link rel="stylesheet" href="../bower_components/bootstrap-switch/dist/css/bootstrap3/bootstrap-switch.css" />
<link rel="stylesheet" href="../bower_components/bootstrap-tagsinput/dist/bootstrap-tagsinput.css" />
<link rel="stylesheet" href="../bower_components/font-awesome/css/font-awesome.css" />
<link rel="stylesheet" href="../bower_components/fullcalendar/dist/fullcalendar.css" />
<link rel="stylesheet" href="../bower_components/leaflet/dist/leaflet.css" />
<link rel="stylesheet" href="../bower_components/angular-progress-button-styles/dist/angular-progress-button-styles.min.css" />
<link rel="stylesheet" href="../bower_components/angular-chart.js/dist/angular-chart.css" />
<link rel="stylesheet" href="../bower_components/chartist/dist/chartist.min.css" />
<link rel="stylesheet" href="../bower_components/morris.js/morris.css" />
<link rel="stylesheet" href="../bower_components/ionrangeslider/css/ion.rangeSlider.css" />
<link rel="stylesheet" href="../bower_components/ionrangeslider/css/ion.rangeSlider.skinFlat.css" />
<link rel="stylesheet" href="../bower_components/textAngular/dist/textAngular.css" />
<link rel="stylesheet" href="../bower_components/angular-xeditable/dist/css/xeditable.css" />
<link rel="stylesheet" href="../bower_components/jstree/dist/themes/default/style.css" />


<link href="bower_components/Kendo/kendo.material.min.css" rel="stylesheet" />

<link href="bower_components/Kendo/kendo.common-material.min.css" rel="stylesheet" />

<link rel="stylesheet" href="main.css">

<!-- #endregion -->

<!-- bower:js -->
<script src="../bower_components/jquery/dist/jquery.js"></script>
<script src="../bower_components/Chart.js/Chart.js"></script>
<script src="../bower_components/amcharts/dist/amcharts/amcharts.js"></script>
<script src="../bower_components/amcharts/dist/amcharts/plugins/responsive/responsive.min.js"></script>
<script src="../bower_components/amcharts/dist/amcharts/serial.js"></script>
<script src="../bower_components/amcharts/dist/amcharts/funnel.js"></script>
<script src="../bower_components/amcharts/dist/amcharts/pie.js"></script>
<script src="../bower_components/amcharts/dist/amcharts/gantt.js"></script>
<script src="../bower_components/amcharts-stock/dist/amcharts/amstock.js"></script>
<script src="../bower_components/ammap/dist/ammap/ammap.js"></script>
<script src="../bower_components/ammap/dist/ammap/maps/js/worldLow.js"></script>
<script src="../bower_components/angular/angular.js"></script>
<script src="../bower_components/angular-cookies/angular-cookies.min.js"></script>
<script src="../bower_components/angular-route/angular-route.js"></script>
<script src="../bower_components/slimScroll/jquery.slimscroll.js"></script>
<script src="../bower_components/angular-slimscroll/angular-slimscroll.js"></script>
<script src="../bower_components/angular-smart-table/dist/smart-table.js"></script>
<script src="../bower_components/angular-toastr/dist/angular-toastr.tpls.js"></script>
<script src="../bower_components/angular-touch/angular-touch.js"></script>
<script src="../bower_components/jquery-ui/jquery-ui.js"></script>
<script src="../bower_components/angular-ui-sortable/sortable.js"></script>
<script src="../bower_components/bootstrap/js/dropdown.js"></script>
<script src="../bower_components/bootstrap-select/dist/js/bootstrap-select.js"></script>
<script src="../bower_components/bootstrap-switch/dist/js/bootstrap-switch.js"></script>
<script src="../bower_components/bootstrap-tagsinput/dist/bootstrap-tagsinput.js"></script>
<script src="../bower_components/moment/moment.js"></script>
<script src="../bower_components/fullcalendar/dist/fullcalendar.js"></script>
<script src="../bower_components/jquery.easing/js/jquery.easing.js"></script>
<script src="../bower_components/jquery.easy-pie-chart/dist/jquery.easypiechart.js"></script>
<script src="../bower_components/leaflet/dist/leaflet-src.js"></script>
<script src="../bower_components/angular-progress-button-styles/dist/angular-progress-button-styles.min.js"></script>
<script src="../bower_components/angular-ui-router/release/angular-ui-router.js"></script>
<script src="../bower_components/angular-chart.js/dist/angular-chart.js"></script>
<script src="../bower_components/chartist/dist/chartist.min.js"></script>
<script src="../bower_components/angular-chartist.js/dist/angular-chartist.js"></script>
<script src="../bower_components/eve/eve.js"></script>
<script src="../bower_components/raphael/raphael.min.js"></script>
<script src="../bower_components/mocha/mocha.js"></script>
<script src="../bower_components/morris.js/morris.js"></script>
<script src="../bower_components/angular-morris-chart/src/angular-morris-chart.min.js"></script>
<script src="../bower_components/ionrangeslider/js/ion.rangeSlider.js"></script>
<script src="../bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script>
<script src="../bower_components/angular-animate/angular-animate.js"></script>
<script src="../bower_components/rangy/rangy-core.js"></script>
<script src="../bower_components/rangy/rangy-classapplier.js"></script>
<script src="../bower_components/rangy/rangy-highlighter.js"></script>
<script src="../bower_components/rangy/rangy-selectionsaverestore.js"></script>
<script src="../bower_components/rangy/rangy-serializer.js"></script>
<script src="../bower_components/rangy/rangy-textrange.js"></script>
<script src="../bower_components/textAngular/dist/textAngular.js"></script>
<script src="../bower_components/textAngular/dist/textAngular-sanitize.js"></script>
<script src="../bower_components/textAngular/dist/textAngularSetup.js"></script>
<script src="../bower_components/angular-xeditable/dist/js/xeditable.js"></script>
<script src="../bower_components/jstree/dist/jstree.js"></script>
<script src="../bower_components/ng-js-tree/dist/ngJsTree.js"></script>
<!-- endbower -->
<!-- endbuild -->
<!-- build:js({.tmp/serve,.tmp/partials,src}) scripts/app.js -->
<!-- inject:js -->
<script src="app/pages/pages.module.js"></script>
<script src="app/theme/theme.module.js"></script>
<script src="app/pages/charts/charts.module.js"></script>
<script src="app/pages/components/components.module.js"></script>
<script src="app/pages/dashboard/dashboard.module.js"></script>
<script src="app/pages/form/form.module.js"></script>
<script src="app/pages/profile/profile.module.js"></script>
<script src="app/pages/maps/maps.module.js"></script>
<script src="app/pages/tables/tables.module.js"></script>
<script src="app/theme/components/components.module.js"></script>
<script src="app/pages/ui/ui.module.js"></script>
<script src="app/pages/charts/chartJs/chartJs.module.js"></script>
<script src="app/pages/charts/amCharts/amCharts.module.js"></script>
<script src="app/pages/charts/chartist/chartist.module.js"></script>
<script src="app/pages/charts/morris/morris.module.js"></script>
<script src="app/pages/components/timeline/timeline.module.js"></script>
<script src="app/pages/components/mail/mail.module.js"></script>
<script src="app/pages/components/tree/tree.module.js"></script>
<script src="app/pages/ui/alerts/alerts.module.js"></script>
<script src="app/pages/ui/grid/grid.module.js"></script>
<script src="app/pages/ui/buttons/buttons.module.js"></script>
<script src="app/pages/ui/modals/modals.module.js"></script>
<script src="app/pages/ui/icons/icons.module.js"></script>
<script src="app/pages/ui/notifications/notifications.module.js"></script>
<script src="app/pages/ui/panels/panels.module.js"></script>
<script src="app/pages/ui/progressBars/progressBars.module.js"></script>
<script src="app/pages/ui/tabs/tabs.module.js"></script>
<script src="app/pages/ui/slider/slider.module.js"></script>
<script src="app/pages/ui/typography/typography.module.js"></script>
<script src="app/app.js"></script>
<script src="app/theme/theme.config.js"></script>
<script src="app/theme/theme.configProvider.js"></script>
<script src="app/theme/theme.constants.js"></script>
<script src="app/theme/theme.run.js"></script>
<script src="app/theme/theme.service.js"></script>
<script src="app/pages/profile/ProfileModalCtrl.js"></script>
<script src="app/pages/profile/ProfilePageCtrl.js"></script>
<script src="bower_components/Kendo/kendo.all.min.js"></script>


<script src="app/pages/tables/TablesPageCtrl.js"></script>
<script src="app/theme/components/toastrLibConfig.js"></script>
<script src="app/theme/directives/animatedChange.js"></script>
<script src="app/theme/directives/autoExpand.js"></script>
<script src="app/theme/directives/autoFocus.js"></script>
<script src="app/theme/directives/includeWithScope.js"></script>
<script src="app/theme/directives/ionSlider.js"></script>
<script src="app/theme/directives/ngFileSelect.js"></script>
<script src="app/theme/directives/scrollPosition.js"></script>
<script src="app/theme/directives/trackWidth.js"></script>
<script src="app/theme/directives/zoomIn.js"></script>
<script src="app/theme/services/baUtil.js"></script>
<script src="app/theme/services/fileReader.js"></script>
<script src="app/theme/services/preloader.js"></script>
<script src="app/theme/services/stopableInterval.js"></script>
<script src="app/pages/charts/chartJs/chartJs1DCtrl.js"></script>
<script src="app/pages/charts/chartJs/chartJs2DCtrl.js"></script>
<script src="app/pages/charts/chartJs/chartJsWaveCtrl.js"></script>
<script src="app/pages/charts/chartist/chartistCtrl.js"></script>
<script src="app/pages/charts/morris/morrisCtrl.js"></script>
<script src="app/pages/components/timeline/TimelineCtrl.js"></script>
<script src="app/pages/components/mail/MailTabCtrl.js"></script>
<script src="app/pages/components/mail/mailMessages.js"></script>
<script src="app/pages/components/tree/treeCtrl.js"></script>
<script src="app/pages/dashboard/blurFeed/BlurFeedCtrl.js"></script>
<script src="app/pages/dashboard/blurFeed/blurFeed.directive.js"></script>
<script src="app/pages/dashboard/calendar/dashboardCalendar.js"></script>
<script src="app/pages/dashboard/dashboardCalendar/DashboardCalendarCtrl.js"></script>
<script src="app/pages/dashboard/dashboardCalendar/dashboardCalendar.directive.js"></script>
<script src="app/pages/dashboard/dashboardLineChart/DashboardLineChartCtrl.js"></script>
<script src="app/pages/dashboard/dashboardLineChart/dashboardLineChart.directive.js"></script>
<script src="app/pages/dashboard/dashboardPieChart/DashboardPieChartCtrl.js"></script>
<script src="app/pages/dashboard/dashboardPieChart/dashboardPieChart.directive.js"></script>
<script src="app/pages/dashboard/dashboardMap/DashboardMapCtrl.js"></script>
<script src="app/pages/dashboard/dashboardMap/dashboardMap.directive.js"></script>
<script src="app/pages/dashboard/dashboardTodo/DashboardTodoCtrl.js"></script>
<script src="app/pages/dashboard/dashboardTodo/dashboardTodo.directive.js"></script>
<script src="app/pages/dashboard/pieCharts/dashboardPieChart.js"></script>
<script src="app/pages/dashboard/popularApp/popularApp.directive.js"></script>
<script src="app/pages/dashboard/trafficChart/TrafficChartCtrl.js"></script>
<script src="app/pages/dashboard/trafficChart/trafficChart.directive.js"></script>
<script src="app/pages/dashboard/weather/WeatherCtrl.js"></script>
<script src="app/pages/dashboard/weather/weather.directive.js"></script>
<script src="app/pages/form/wizard/wizrdCtrl.js"></script>
<script src="app/pages/maps/google-maps/GmapPageCtrl.js"></script>
<script src="app/pages/maps/map-bubbles/MapBubblePageCtrl.js"></script>
<script src="app/pages/maps/leaflet/LeafletPageCtrl.js"></script>
<script src="app/pages/maps/map-lines/MapLinesPageCtrl.js"></script>
<script src="app/theme/components/baPanel/baPanel.directive.js"></script>
<script src="app/theme/components/baPanel/baPanel.service.js"></script>
<script src="app/theme/components/baPanel/baPanelBlur.directive.js"></script>
<script src="app/theme/components/baPanel/baPanelBlurHelper.service.js"></script>
<script src="app/theme/components/baPanel/baPanelSelf.directive.js"></script>
<script src="app/theme/components/baSidebar/BaSidebarCtrl.js"></script>
<script src="app/theme/components/baSidebar/baSidebar.directive.js"></script>
<script src="app/theme/components/baSidebar/baSidebar.service.js"></script>
<script src="app/theme/components/baSidebar/baSidebarHelpers.directive.js"></script>
<script src="app/theme/components/baWizard/baWizard.directive.js"></script>
<script src="app/theme/components/baWizard/baWizardCtrl.js"></script>
<script src="app/theme/components/baWizard/baWizardStep.directive.js"></script>
<script src="app/theme/components/backTop/backTop.directive.js"></script>
<script src="app/theme/components/contentTop/contentTop.directive.js"></script>
<script src="app/theme/components/msgCenter/MsgCenterCtrl.js"></script>
<script src="app/theme/components/msgCenter/msgCenter.directive.js"></script>
<!--<script src="app/logout/logout.module.js"></script>
<script src="app/logout/logoutService.js"></script>
<script src="app/logout/logoutcontroller.js"></script>-->
<script src="app/theme/components/pageTop/pageTop.directive.js"></script>
<script src="app/theme/components/widgets/widgets.directive.js"></script>
<script src="app/pages/ui/buttons/ButtonPageCtrl.js"></script>
<script src="app/pages/ui/modals/ModalsPageCtrl.js"></script>
<script src="app/pages/ui/icons/IconsPageCtrl.js"></script>
<script src="app/pages/ui/notifications/NotificationsPageCtrl.js"></script>
<script src="app/theme/filters/image/appImage.js"></script>
<script src="app/theme/filters/image/kameleonImg.js"></script>
<script src="app/theme/filters/image/profilePicture.js"></script>
<script src="app/theme/filters/text/removeHtml.js"></script>
<script src="app/pages/charts/amCharts/areaChart/AreaChartCtrl.js"></script>
<script src="app/pages/charts/amCharts/barChart/BarChartCtrl.js"></script>
<script src="app/pages/charts/amCharts/combinedChart/combinedChartCtrl.js"></script>
<script src="app/pages/charts/amCharts/funnelChart/FunnelChartCtrl.js"></script>
<script src="app/pages/charts/amCharts/ganttChart/ganttChartCtrl.js"></script>
<script src="app/pages/charts/amCharts/lineChart/LineChartCtrl.js"></script>
<script src="app/pages/charts/amCharts/pieChart/PieChartCtrl.js"></script>
<script src="app/pages/components/mail/composeBox/composeBoxCtrl.js"></script>
<script src="app/pages/components/mail/composeBox/composeModal.js"></script>
<script src="app/pages/components/mail/detail/MailDetailCtrl.js"></script>
<script src="app/pages/components/mail/list/MailListCtrl.js"></script>
<script src="app/theme/components/backTop/lib/jquery.backTop.min.js"></script>
<script src="app/pages/ui/modals/notifications/NotificationsCtrl.js"></script>
<script src="app/pages/form/inputs/widgets/select/SelectpickerPanelCtrl.js"></script>
<script src="app/pages/form/inputs/widgets/select/selectpicker.directive.js"></script>
<script src="app/pages/form/inputs/widgets/switch/switch.directive.js"></script>
<script src="app/pages/form/inputs/widgets/tagsInput/tagsInput.directive.js"></script>


<!-- #region Script  files -->
  <!--<script src="app/login/loginService.js"></script>
<script src="app/login/logincontroller.js"></script>
<script src="app/login/login.module.js"></script>-->

<script src="app/pages/main/main.module.js"></script>
<script src="app/pages/main/main.service .js"></script>
<script src="app/pages/main/main.controller.js"></script>

<script src="app/pages/Welcome/Welcome.module.js"></script>

<script src="app/pages/login/login.module.js"></script>
<script src="app/pages/login/loginService.js"></script>
<script src="app/pages/login/logincontroller.js"></script>

<script src="app/pages/logout/logout.module.js"></script>
<script src="app/pages/logout/logoutService.js"></script>
<script src="app/pages/logout/logoutcontroller.js"></script>




<div ng-controller="loginController as loginViewModel">
    <div ui-view=""></div>
</div>

[brijesh1ec]

login.html ///

<title>app</title>

<!-- Bootstrap core CSS -->
<!--<link href="css/bootstrap.min.css" rel="stylesheet">-->

<link href="fonts/css/font-awesome.min.css" rel="stylesheet">
<link href="css/animate.min.css" rel="stylesheet">

<!-- Custom styling plus plugins -->
<link href="css/custom.css" rel="stylesheet">
<!--<link href="css/icheck/flat/green.css" rel="stylesheet">-->
<!--<script src="js/jquery.min.js"></script>-->

<!--[if lt IE 9]>
      <script src="../assets/js/ie8-responsive-file-warning.js"></script>
      <![endif]-->
<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
        <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
      <![endif]-->

App

Welcome To app

                    <div class="item form-group" ng-class="{ 'has-error' : loginform.userEmail.$invalid && !loginform.userEmail.$pristine }">
                        <div class="form-group">
                            <input type="Email"
                                   ng-required="true"
                                   name="userEmail"
                                   ng-model="loginViewModel.loginData.Email"
                                   class="form-control"
                                   placeholder="Email"
                                   ng-pattern="/^[a-z]+[a-z0-9._]+@[a-z]+\.[a-z.]{3,5}$/">

                            <span class="help-block"
                                  ng-show="loginform.userEmail.$error.required && !loginform.userEmail.$pristine">
                                Please enter your email.
                            </span>
                            <span class="help-block"
                                  ng-show="loginform.userEmail.$error.pattern && !loginform.userEmail.$pristine">
                                Please enter a valid email.
                            </span>
                        </div>
                    </div>

                    <!-- NAME -->
                    <div id="name-group" class="form-group" ng-class="{ 'has-error' : loginform.userPassword.$invalid && !loginform.userPassword.$pristine }">

                        <input type="password" name="userPassword" ng-model="loginViewModel.loginData.Password" class="form-control" ng-required="true" ng-minlength="5"
                               ng-maxlength="25" placeholder="Password atleast 6 character" />
                        <span class="help-block" ng-show="loginform.userPassword.$invalid && !loginform.userPassword.$pristine">Please enter valid password.</span>
                    </div>
                    <div id="name-group" class="form-group">{{ loginViewModel.loginmessage.ErrorMessage }}</div>
                    <div id="name-group" class="form-group">
                        <button type="submit" ng-disabled="!loginform.$valid || loginViewModel.isProcessed" ng-click="loginViewModel.login()" value="Log in" class="btn btn-primary">
                            Log in
                        </button>
                    </div>

                    <div class="clearfix"></div>
                    <div class="separator">
                        <p><ul><li style="list-style-type: none;"><a ui-sref="ResetPassword">Lost your password?</a></li></ul></p>
                        <div class="clearfix"></div>
                        <br />
                        <div>
                            <p>© 2016 <a href="app/"> comp</p>
                        </div>
                    </div>
                </form>

                <!-- form -->
            </section>
            <!-- content -->
        </div>

    </div>

</div>

[brijesh1ec]

////// login controller to check and validate the user who has logged in///////
logincontroller.js under app->pages->login

(function () {

'use strict';

//get the module and invoke controller function   

angular.module('app.pages.login').controller('loginController', ['$scope', '$http', '$state', '$cookies', 'loginServices', fnLoginController]);
/* jshint validthis: true */

function fnLoginController($scope, $http, $state, $cookies, loginServices) {

    var loginViewModel = this;
    loginViewModel.loginData = { UserId: 0, Email: "", Role: "", IsAuthenticated: false, Password: "" };
    loginViewModel.Title = "Login";
    loginViewModel.login = loginService;
    loginViewModel.loginAuthenticatedData = {};
    loginViewModel.loginmessage = { ErrorMessage: "", ServiceErrorMessage: "Sorry ,You are not Authorized Person to Login..." };

    loginViewModel.isProcessed = false;

    function loginService() {
        loginViewModel.isProcessed = true;
        var validateUser = loginServices.loginUser(loginViewModel.loginData);

        ////////////// Route the user based on authentication /////////////
        /// <reference path="../Welcome/Home.html" />
        validateUser.then(function (loginResponse) {
            loginViewModel.loginAuthenticatedData = loginResponse.data;
            // alert(loginViewModel.loginAuthenticatedData.IsValid);
            if (loginResponse != null && loginViewModel.loginAuthenticatedData.IsValid == true) {

                //show dashborad to authenticated user//
                $cookies.Email = loginViewModel.loginAuthenticatedData.Email;
                $cookies.put("USER", loginViewModel.loginAuthenticatedData.Email);
                var User = $cookies.get("USER");
                         $state.go('main');
                // $state.go('Welcome', {}, { reload: true });
                //$state.go($state.current, {}, { reload: true });
                console.log('logged in successfully.');
            } else {

                loginViewModel.loginmessage.ErrorMessage = loginViewModel.loginAuthenticatedData.ErrorMessage;
            }

        }, function (loginfailResponse) {
            loginViewModel.loginAuthenticatedData = loginfailResponse.data;
            //// when authentication fails becasue of some failure of system
            if (loginfailResponse.status == "-1") {

                loginViewModel.loginmessage.ErrorMessage = loginViewModel.loginmessage.ServiceErrorMessage;
                console.log('log-in failed. API Services are down');
            } else {

                if (loginfailResponse == null || loginfailResponse.data == null) {
                    // alert('fail login');
                    loginViewModel.loginmessage.ErrorMessage = loginViewModel.loginmessage.ServiceErrorMessage;
                    console.log('log-in failed')
                } else {

                    if (loginfailResponse != null && loginViewModel.loginAuthenticatedData.IsValid == false) {
                        loginViewModel.loginmessage.ErrorMessage = loginViewModel.loginAuthenticatedData.ErrorMessage;
                        console.log('log-in failed.');
                    }
                }
            }

            if (loginfailResponse.status == "500" || loginfailResponse.status == "404") {

                loginViewModel.loginmessage.ErrorMessage = loginViewModel.loginmessage.ServiceErrorMessage;
                console.log(loginfailResponse.data);
            }

        }).finally(function (reset) {

            loginViewModel.isProcessed = false;
        });

        ////////////// END Route the user based on authentication /////////////

    }
}

})();

[brijesh1ec]

login.module.js - app->pages->login.

(function () {
'use strict';

angular.module('app.pages.login', [])
  .config(routeConfig);

/** @ngInject */
function routeConfig($stateProvider) {
    $stateProvider
        .state('login', {
            url: '/login',
            templateUrl: 'app/pages/login/login.html'

            //sidebarMeta: {
            //    icon: 'fa fa-home',
            //    order: 0,
            //},
        });
}


angular.module('app.pages.login').constant("utility", { baseAddress: "http://localhost:54902/api/" });

})();

[brijesh1ec]

main.html page State.go('main') redirects spa here

main.html file.txt

[brijesh1ec]

main.module.js

(function () {
'use strict';

angular.module('app.pages.main', []).config(routeConfig);

/** @ngInject */
function routeConfig($stateProvider) {
    $stateProvider
        .state('main', {
            url: '/main',
             templateUrl: 'app/pages/main/main.html',
            sidebarMeta: {
                icon: 'ion-android-home',
                order: 0,
            },

        });
}

})();

[brijesh1ec]

Main appears in side bar as home link , onclick of it , it doesn't open inside right column(content), it opens in full page, same behavior for all menus, what i am missing or doing wrong

[pinich]

I have the same issue !
Have you figured out what causes this issue ?