0
sampath created
Hi,
app.js
$stateProvider.state('tenant.propertyGoogleMap', {
url: '/PropertyGoogleMap',
templateUrl: '~/App/tenant/views/propertymanagement/propertyGoogleMap.cshtml',
menu: 'PropertyGoogleMap.Tenant'
});
js
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
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
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; }
