Load the new tab window without the layout page details #929

sampath created 8 years ago

Hi,

app.js

$stateProvider.state('tenant.propertyGoogleMap', {
            url: '/PropertyGoogleMap',
            templateUrl: '~/App/tenant/views/propertymanagement/propertyGoogleMap.cshtml',
            menu: 'PropertyGoogleMap.Tenant'
        });

Here I have loaded the new browser window tab when user clicks the button.

vm.propertyGoogleMap = function () {
                var url = $state.href('tenant.propertyGoogleMap', {}, { absolute: false });
                $window.open(url, '_blank');
            };

propertyGoogleMap.cshtml

I have tried with the null as shown below.But still it is being loaded the menus and etc. Why's that ?

@{
    Layout = null;
}

<div ng-controller="tenant.views.propertymanagement.propertyGoogleMap as vm">

    <style type="text/css">
        .angular-google-map-container {
            height: 400px;
        }
    </style>

   <div class="row">
        <ui-gmap-google-map center="vm.map.center" zoom="vm.map.zoom" options="vm.options"></ui-gmap-google-map>
    </div>
</div>

So my question is,could you tell me how can I load the new tab window without the layout page details ? I mean without menus and etc.. If I want, I can load angular and other related js files on that page (propertyGoogleMap.cshtml) manually.Thanks.

2 Answer(s)

0
hikalkan created 8 years ago
Support Team
Current angular application has layout as you know. If you add a new state, it will also use this layout. So, if you want a new page without layout, you have 2 options:

If you don't need angular, just create a new MVC Controller and Action returns a view with a custom layout or without layout as you always do.

If you need angular, you need to create a second angular application which has no layout. Then add a view.
0
sampath created 8 years ago
Hi Halil,

Thanks a lot.I have found out 3rd too.That is hide the header,sidebar and footer by using CSS ;)

.page-sidebar-wrapper, .page-header, .page-footer { display: none !important; }

Have an answer to this question? Log in and write your answer.