Disable Angularjs Model Popup scroll bar
0
First time data load in model popup it not shows a scroll bar inside the model popup.but when i performed the search function after filtered data display then the scroll bar appears inside the model popup.how to fix it `
this is the code that model popu generating
1. $scope.AddEntity = function () {
$modal.open({
templateUrl: 'ngTemplateAddItem',
backdrop: 'static',
controller: [
'$scope', '$http', '$modalInstance', function ($scopeChild, $http, $modalInstance) {
$scopeChild.searchAccont = function () {
$modal.open(
{
templateUrl: 'ngAccountSearch',
backdrop: 'static',
controller: [
'$scope', '$http', '$modalInstance', function ($scopeChild2, $http,
$modalInstance) {
//account search grid
$scopeChild2.gridAccount = {
showFooter: true,
enableSorting: true,
multiSelect: false,
enableRowSelection: true,
enableSelectAll: false,
enableRowHeaderSelection: false,
selectionRowHeaderWidth: 35,
noUnselect: true,
enableGridMenu: true,
columnDefs: [{ field: "ACC_CODE", displayName: "Account Code" },
{ field: "AccountNAME", displayName: "Account Name" },
{ field: "EXCHANGE_ACCOUNT", displayName: "EXCHANGE_ACCOUNT", visible: false },
//{ field: "Currency", displayName: "Currency" },
{
enableSorting: false,
name: 'Select',
cellTemplate: '<button class="btn btn-primary btn-xs" ng-click="grid.appScope.selectData(row)"
data-dismiss="modal" >Select</button>'
}],
onRegisterApi: function (gridApi) {
$scopeChild2.gridApiSCEdit = gridApi;
gridApi.selection.on.rowSelectionChanged($scopeChild2, function
(row) {
$scopeChild2.selectedEntitySCEdit = row.entity;
});
},
};
$scopeChild2.selectData = function (row) {
$scopeChild.obj1.ACC_CODE = row.entity.ACC_CODE;
$scopeChild.obj1.AccountNAME = row.entity.AccountNAME;
$scopeChild.obj1.EXCHANGE_ACCOUNT = row.entity.EXCHANGE_ACCOUNT;
// $scopeChild.obj1.curruncy = row.entity.Currency;
$modalInstance.dismiss('cancel');
$scopeChild.load();
}
$scopeChild2.ChangeSizeofGridAccount = function () {
var height = $('.ui-grid-row').height();
if (height == 0) {
height = 31;
}
var PageSize = $scopeChild2.gridAccount.paginationPageSize;
var DataAmount = $scopeChild2.gridAccount.data.length;
var length = $scopeChild2.gridAccount.paginationPageSize;
var page = $scopeChild2.gridApiSCEdit.pagination.getPage();
var divider = parseFloat(DataAmount / length);
if (divider % 1 != 0) {
var a = parseFloat(1 - (divider % 1));
divider = (divider + a);
}
if (divider == page) {
var remaindataAmount = DataAmount - ((page - 1) * length);
$("#grid2.ui-grid").css({ 'height': (height * remaindataAmount) +
350 + 'px', 'min-height': '400px' });
$("#grid2.ui-grid-viewport").css({ 'height': (height *
remaindataAmount) + 300 + 'px', 'min-height': '350px' });
}
else {
$("#grid2.ui-grid").css({ 'height': (height * length) + length*30+50
+ 'px', 'min-height': '400px' });
$("#grid2.ui-grid-viewport").css({ 'height': (height * length) +
length*30 + 'px', 'min-height': '350px' });
}
}
$scopeChild2.searchAccount = function (obj1) {
var searchobj = angular.toJson({ 'obj': obj1 });
var req = {
method: 'POST',
url: gridFactory.AllAccountListURL,
headers: {
'Content-Type': 'application/json; charset=utf-8'
},
data: searchobj
}
$http(req).success(function (data) {
$scopeChild2.gridAccount.data = data;
$scopeChild2.ShowGridAcc = true;
});
};
$scopeChild2.searchAccount(null);
$scopeChild2.cancel = function () {
$modalInstance.dismiss('cancel');
$scopeChild.load();
};
}],
});
}`
javascript angularjs
asked Nov 12 '18 at 5:37
Tharindu Dissanayaka
63
add a comment |
0
First time data load in model popup it not shows a scroll bar inside the model popup.but when i performed the search function after filtered data display then the scroll bar appears inside the model popup.how to fix it `
this is the code that model popu generating
1. $scope.AddEntity = function () {
$modal.open({
templateUrl: 'ngTemplateAddItem',
backdrop: 'static',
controller: [
'$scope', '$http', '$modalInstance', function ($scopeChild, $http, $modalInstance) {
$scopeChild.searchAccont = function () {
$modal.open(
{
templateUrl: 'ngAccountSearch',
backdrop: 'static',
controller: [
'$scope', '$http', '$modalInstance', function ($scopeChild2, $http,
$modalInstance) {
//account search grid
$scopeChild2.gridAccount = {
showFooter: true,
enableSorting: true,
multiSelect: false,
enableRowSelection: true,
enableSelectAll: false,
enableRowHeaderSelection: false,
selectionRowHeaderWidth: 35,
noUnselect: true,
enableGridMenu: true,
columnDefs: [{ field: "ACC_CODE", displayName: "Account Code" },
{ field: "AccountNAME", displayName: "Account Name" },
{ field: "EXCHANGE_ACCOUNT", displayName: "EXCHANGE_ACCOUNT", visible: false },
//{ field: "Currency", displayName: "Currency" },
{
enableSorting: false,
name: 'Select',
cellTemplate: '<button class="btn btn-primary btn-xs" ng-click="grid.appScope.selectData(row)"
data-dismiss="modal" >Select</button>'
}],
onRegisterApi: function (gridApi) {
$scopeChild2.gridApiSCEdit = gridApi;
gridApi.selection.on.rowSelectionChanged($scopeChild2, function
(row) {
$scopeChild2.selectedEntitySCEdit = row.entity;
});
},
};
$scopeChild2.selectData = function (row) {
$scopeChild.obj1.ACC_CODE = row.entity.ACC_CODE;
$scopeChild.obj1.AccountNAME = row.entity.AccountNAME;
$scopeChild.obj1.EXCHANGE_ACCOUNT = row.entity.EXCHANGE_ACCOUNT;
// $scopeChild.obj1.curruncy = row.entity.Currency;
$modalInstance.dismiss('cancel');
$scopeChild.load();
}
$scopeChild2.ChangeSizeofGridAccount = function () {
var height = $('.ui-grid-row').height();
if (height == 0) {
height = 31;
}
var PageSize = $scopeChild2.gridAccount.paginationPageSize;
var DataAmount = $scopeChild2.gridAccount.data.length;
var length = $scopeChild2.gridAccount.paginationPageSize;
var page = $scopeChild2.gridApiSCEdit.pagination.getPage();
var divider = parseFloat(DataAmount / length);
if (divider % 1 != 0) {
var a = parseFloat(1 - (divider % 1));
divider = (divider + a);
}
if (divider == page) {
var remaindataAmount = DataAmount - ((page - 1) * length);
$("#grid2.ui-grid").css({ 'height': (height * remaindataAmount) +
350 + 'px', 'min-height': '400px' });
$("#grid2.ui-grid-viewport").css({ 'height': (height *
remaindataAmount) + 300 + 'px', 'min-height': '350px' });
}
else {
$("#grid2.ui-grid").css({ 'height': (height * length) + length*30+50
+ 'px', 'min-height': '400px' });
$("#grid2.ui-grid-viewport").css({ 'height': (height * length) +
length*30 + 'px', 'min-height': '350px' });
}
}
$scopeChild2.searchAccount = function (obj1) {
var searchobj = angular.toJson({ 'obj': obj1 });
var req = {
method: 'POST',
url: gridFactory.AllAccountListURL,
headers: {
'Content-Type': 'application/json; charset=utf-8'
},
data: searchobj
}
$http(req).success(function (data) {
$scopeChild2.gridAccount.data = data;
$scopeChild2.ShowGridAcc = true;
});
};
$scopeChild2.searchAccount(null);
$scopeChild2.cancel = function () {
$modalInstance.dismiss('cancel');
$scopeChild.load();
};
}],
});
}`
javascript angularjs
asked Nov 12 '18 at 5:37
Tharindu Dissanayaka
63
add a comment |
0
0
0
First time data load in model popup it not shows a scroll bar inside the model popup.but when i performed the search function after filtered data display then the scroll bar appears inside the model popup.how to fix it `
this is the code that model popu generating
1. $scope.AddEntity = function () {
$modal.open({
templateUrl: 'ngTemplateAddItem',
backdrop: 'static',
controller: [
'$scope', '$http', '$modalInstance', function ($scopeChild, $http, $modalInstance) {
$scopeChild.searchAccont = function () {
$modal.open(
{
templateUrl: 'ngAccountSearch',
backdrop: 'static',
controller: [
'$scope', '$http', '$modalInstance', function ($scopeChild2, $http,
$modalInstance) {
//account search grid
$scopeChild2.gridAccount = {
showFooter: true,
enableSorting: true,
multiSelect: false,
enableRowSelection: true,
enableSelectAll: false,
enableRowHeaderSelection: false,
selectionRowHeaderWidth: 35,
noUnselect: true,
enableGridMenu: true,
columnDefs: [{ field: "ACC_CODE", displayName: "Account Code" },
{ field: "AccountNAME", displayName: "Account Name" },
{ field: "EXCHANGE_ACCOUNT", displayName: "EXCHANGE_ACCOUNT", visible: false },
//{ field: "Currency", displayName: "Currency" },
{
enableSorting: false,
name: 'Select',
cellTemplate: '<button class="btn btn-primary btn-xs" ng-click="grid.appScope.selectData(row)"
data-dismiss="modal" >Select</button>'
}],
onRegisterApi: function (gridApi) {
$scopeChild2.gridApiSCEdit = gridApi;
gridApi.selection.on.rowSelectionChanged($scopeChild2, function
(row) {
$scopeChild2.selectedEntitySCEdit = row.entity;
});
},
};
$scopeChild2.selectData = function (row) {
$scopeChild.obj1.ACC_CODE = row.entity.ACC_CODE;
$scopeChild.obj1.AccountNAME = row.entity.AccountNAME;
$scopeChild.obj1.EXCHANGE_ACCOUNT = row.entity.EXCHANGE_ACCOUNT;
// $scopeChild.obj1.curruncy = row.entity.Currency;
$modalInstance.dismiss('cancel');
$scopeChild.load();
}
$scopeChild2.ChangeSizeofGridAccount = function () {
var height = $('.ui-grid-row').height();
if (height == 0) {
height = 31;
}
var PageSize = $scopeChild2.gridAccount.paginationPageSize;
var DataAmount = $scopeChild2.gridAccount.data.length;
var length = $scopeChild2.gridAccount.paginationPageSize;
var page = $scopeChild2.gridApiSCEdit.pagination.getPage();
var divider = parseFloat(DataAmount / length);
if (divider % 1 != 0) {
var a = parseFloat(1 - (divider % 1));
divider = (divider + a);
}
if (divider == page) {
var remaindataAmount = DataAmount - ((page - 1) * length);
$("#grid2.ui-grid").css({ 'height': (height * remaindataAmount) +
350 + 'px', 'min-height': '400px' });
$("#grid2.ui-grid-viewport").css({ 'height': (height *
remaindataAmount) + 300 + 'px', 'min-height': '350px' });
}
else {
$("#grid2.ui-grid").css({ 'height': (height * length) + length*30+50
+ 'px', 'min-height': '400px' });
$("#grid2.ui-grid-viewport").css({ 'height': (height * length) +
length*30 + 'px', 'min-height': '350px' });
}
}
$scopeChild2.searchAccount = function (obj1) {
var searchobj = angular.toJson({ 'obj': obj1 });
var req = {
method: 'POST',
url: gridFactory.AllAccountListURL,
headers: {
'Content-Type': 'application/json; charset=utf-8'
},
data: searchobj
}
$http(req).success(function (data) {
$scopeChild2.gridAccount.data = data;
$scopeChild2.ShowGridAcc = true;
});
};
$scopeChild2.searchAccount(null);
$scopeChild2.cancel = function () {
$modalInstance.dismiss('cancel');
$scopeChild.load();
};
}],
});
}`
javascript angularjs
asked Nov 12 '18 at 5:37
Tharindu Dissanayaka
63
First time data load in model popup it not shows a scroll bar inside the model popup.but when i performed the search function after filtered data display then the scroll bar appears inside the model popup.how to fix it `
this is the code that model popu generating
1. $scope.AddEntity = function () {
$modal.open({
templateUrl: 'ngTemplateAddItem',
backdrop: 'static',
controller: [
'$scope', '$http', '$modalInstance', function ($scopeChild, $http, $modalInstance) {
$scopeChild.searchAccont = function () {
$modal.open(
{
templateUrl: 'ngAccountSearch',
backdrop: 'static',
controller: [
'$scope', '$http', '$modalInstance', function ($scopeChild2, $http,
$modalInstance) {
//account search grid
$scopeChild2.gridAccount = {
showFooter: true,
enableSorting: true,
multiSelect: false,
enableRowSelection: true,
enableSelectAll: false,
enableRowHeaderSelection: false,
selectionRowHeaderWidth: 35,
noUnselect: true,
enableGridMenu: true,
columnDefs: [{ field: "ACC_CODE", displayName: "Account Code" },
{ field: "AccountNAME", displayName: "Account Name" },
{ field: "EXCHANGE_ACCOUNT", displayName: "EXCHANGE_ACCOUNT", visible: false },
//{ field: "Currency", displayName: "Currency" },
{
enableSorting: false,
name: 'Select',
cellTemplate: '<button class="btn btn-primary btn-xs" ng-click="grid.appScope.selectData(row)"
data-dismiss="modal" >Select</button>'
}],
onRegisterApi: function (gridApi) {
$scopeChild2.gridApiSCEdit = gridApi;
gridApi.selection.on.rowSelectionChanged($scopeChild2, function
(row) {
$scopeChild2.selectedEntitySCEdit = row.entity;
});
},
};
$scopeChild2.selectData = function (row) {
$scopeChild.obj1.ACC_CODE = row.entity.ACC_CODE;
$scopeChild.obj1.AccountNAME = row.entity.AccountNAME;
$scopeChild.obj1.EXCHANGE_ACCOUNT = row.entity.EXCHANGE_ACCOUNT;
// $scopeChild.obj1.curruncy = row.entity.Currency;
$modalInstance.dismiss('cancel');
$scopeChild.load();
}
$scopeChild2.ChangeSizeofGridAccount = function () {
var height = $('.ui-grid-row').height();
if (height == 0) {
height = 31;
}
var PageSize = $scopeChild2.gridAccount.paginationPageSize;
var DataAmount = $scopeChild2.gridAccount.data.length;
var length = $scopeChild2.gridAccount.paginationPageSize;
var page = $scopeChild2.gridApiSCEdit.pagination.getPage();
var divider = parseFloat(DataAmount / length);
if (divider % 1 != 0) {
var a = parseFloat(1 - (divider % 1));
divider = (divider + a);
}
if (divider == page) {
var remaindataAmount = DataAmount - ((page - 1) * length);
$("#grid2.ui-grid").css({ 'height': (height * remaindataAmount) +
350 + 'px', 'min-height': '400px' });
$("#grid2.ui-grid-viewport").css({ 'height': (height *
remaindataAmount) + 300 + 'px', 'min-height': '350px' });
}
else {
$("#grid2.ui-grid").css({ 'height': (height * length) + length*30+50
+ 'px', 'min-height': '400px' });
$("#grid2.ui-grid-viewport").css({ 'height': (height * length) +
length*30 + 'px', 'min-height': '350px' });
}
}
$scopeChild2.searchAccount = function (obj1) {
var searchobj = angular.toJson({ 'obj': obj1 });
var req = {
method: 'POST',
url: gridFactory.AllAccountListURL,
headers: {
'Content-Type': 'application/json; charset=utf-8'
},
data: searchobj
}
$http(req).success(function (data) {
$scopeChild2.gridAccount.data = data;
$scopeChild2.ShowGridAcc = true;
});
};
$scopeChild2.searchAccount(null);
$scopeChild2.cancel = function () {
$modalInstance.dismiss('cancel');
$scopeChild.load();
};
}],
});
}`
this is the code that model popu generating
1. $scope.AddEntity = function () {
$modal.open({
templateUrl: 'ngTemplateAddItem',
backdrop: 'static',
controller: [
'$scope', '$http', '$modalInstance', function ($scopeChild, $http, $modalInstance) {
$scopeChild.searchAccont = function () {
$modal.open(
{
templateUrl: 'ngAccountSearch',
backdrop: 'static',
controller: [
'$scope', '$http', '$modalInstance', function ($scopeChild2, $http,
$modalInstance) {
//account search grid
$scopeChild2.gridAccount = {
showFooter: true,
enableSorting: true,
multiSelect: false,
enableRowSelection: true,
enableSelectAll: false,
enableRowHeaderSelection: false,
selectionRowHeaderWidth: 35,
noUnselect: true,
enableGridMenu: true,
columnDefs: [{ field: "ACC_CODE", displayName: "Account Code" },
{ field: "AccountNAME", displayName: "Account Name" },
{ field: "EXCHANGE_ACCOUNT", displayName: "EXCHANGE_ACCOUNT", visible: false },
//{ field: "Currency", displayName: "Currency" },
{
enableSorting: false,
name: 'Select',
cellTemplate: '<button class="btn btn-primary btn-xs" ng-click="grid.appScope.selectData(row)"
data-dismiss="modal" >Select</button>'
}],
onRegisterApi: function (gridApi) {
$scopeChild2.gridApiSCEdit = gridApi;
gridApi.selection.on.rowSelectionChanged($scopeChild2, function
(row) {
$scopeChild2.selectedEntitySCEdit = row.entity;
});
},
};
$scopeChild2.selectData = function (row) {
$scopeChild.obj1.ACC_CODE = row.entity.ACC_CODE;
$scopeChild.obj1.AccountNAME = row.entity.AccountNAME;
$scopeChild.obj1.EXCHANGE_ACCOUNT = row.entity.EXCHANGE_ACCOUNT;
// $scopeChild.obj1.curruncy = row.entity.Currency;
$modalInstance.dismiss('cancel');
$scopeChild.load();
}
$scopeChild2.ChangeSizeofGridAccount = function () {
var height = $('.ui-grid-row').height();
if (height == 0) {
height = 31;
}
var PageSize = $scopeChild2.gridAccount.paginationPageSize;
var DataAmount = $scopeChild2.gridAccount.data.length;
var length = $scopeChild2.gridAccount.paginationPageSize;
var page = $scopeChild2.gridApiSCEdit.pagination.getPage();
var divider = parseFloat(DataAmount / length);
if (divider % 1 != 0) {
var a = parseFloat(1 - (divider % 1));
divider = (divider + a);
}
if (divider == page) {
var remaindataAmount = DataAmount - ((page - 1) * length);
$("#grid2.ui-grid").css({ 'height': (height * remaindataAmount) +
350 + 'px', 'min-height': '400px' });
$("#grid2.ui-grid-viewport").css({ 'height': (height *
remaindataAmount) + 300 + 'px', 'min-height': '350px' });
}
else {
$("#grid2.ui-grid").css({ 'height': (height * length) + length*30+50
+ 'px', 'min-height': '400px' });
$("#grid2.ui-grid-viewport").css({ 'height': (height * length) +
length*30 + 'px', 'min-height': '350px' });
}
}
$scopeChild2.searchAccount = function (obj1) {
var searchobj = angular.toJson({ 'obj': obj1 });
var req = {
method: 'POST',
url: gridFactory.AllAccountListURL,
headers: {
'Content-Type': 'application/json; charset=utf-8'
},
data: searchobj
}
$http(req).success(function (data) {
$scopeChild2.gridAccount.data = data;
$scopeChild2.ShowGridAcc = true;
});
};
$scopeChild2.searchAccount(null);
$scopeChild2.cancel = function () {
$modalInstance.dismiss('cancel');
$scopeChild.load();
};
}],
});
}this is the code that model popu generating
1. $scope.AddEntity = function () {
$modal.open({
templateUrl: 'ngTemplateAddItem',
backdrop: 'static',
controller: [
'$scope', '$http', '$modalInstance', function ($scopeChild, $http, $modalInstance) {
$scopeChild.searchAccont = function () {
$modal.open(
{
templateUrl: 'ngAccountSearch',
backdrop: 'static',
controller: [
'$scope', '$http', '$modalInstance', function ($scopeChild2, $http,
$modalInstance) {
//account search grid
$scopeChild2.gridAccount = {
showFooter: true,
enableSorting: true,
multiSelect: false,
enableRowSelection: true,
enableSelectAll: false,
enableRowHeaderSelection: false,
selectionRowHeaderWidth: 35,
noUnselect: true,
enableGridMenu: true,
columnDefs: [{ field: "ACC_CODE", displayName: "Account Code" },
{ field: "AccountNAME", displayName: "Account Name" },
{ field: "EXCHANGE_ACCOUNT", displayName: "EXCHANGE_ACCOUNT", visible: false },
//{ field: "Currency", displayName: "Currency" },
{
enableSorting: false,
name: 'Select',
cellTemplate: '<button class="btn btn-primary btn-xs" ng-click="grid.appScope.selectData(row)"
data-dismiss="modal" >Select</button>'
}],
onRegisterApi: function (gridApi) {
$scopeChild2.gridApiSCEdit = gridApi;
gridApi.selection.on.rowSelectionChanged($scopeChild2, function
(row) {
$scopeChild2.selectedEntitySCEdit = row.entity;
});
},
};
$scopeChild2.selectData = function (row) {
$scopeChild.obj1.ACC_CODE = row.entity.ACC_CODE;
$scopeChild.obj1.AccountNAME = row.entity.AccountNAME;
$scopeChild.obj1.EXCHANGE_ACCOUNT = row.entity.EXCHANGE_ACCOUNT;
// $scopeChild.obj1.curruncy = row.entity.Currency;
$modalInstance.dismiss('cancel');
$scopeChild.load();
}
$scopeChild2.ChangeSizeofGridAccount = function () {
var height = $('.ui-grid-row').height();
if (height == 0) {
height = 31;
}
var PageSize = $scopeChild2.gridAccount.paginationPageSize;
var DataAmount = $scopeChild2.gridAccount.data.length;
var length = $scopeChild2.gridAccount.paginationPageSize;
var page = $scopeChild2.gridApiSCEdit.pagination.getPage();
var divider = parseFloat(DataAmount / length);
if (divider % 1 != 0) {
var a = parseFloat(1 - (divider % 1));
divider = (divider + a);
}
if (divider == page) {
var remaindataAmount = DataAmount - ((page - 1) * length);
$("#grid2.ui-grid").css({ 'height': (height * remaindataAmount) +
350 + 'px', 'min-height': '400px' });
$("#grid2.ui-grid-viewport").css({ 'height': (height *
remaindataAmount) + 300 + 'px', 'min-height': '350px' });
}
else {
$("#grid2.ui-grid").css({ 'height': (height * length) + length*30+50
+ 'px', 'min-height': '400px' });
$("#grid2.ui-grid-viewport").css({ 'height': (height * length) +
length*30 + 'px', 'min-height': '350px' });
}
}
$scopeChild2.searchAccount = function (obj1) {
var searchobj = angular.toJson({ 'obj': obj1 });
var req = {
method: 'POST',
url: gridFactory.AllAccountListURL,
headers: {
'Content-Type': 'application/json; charset=utf-8'
},
data: searchobj
}
$http(req).success(function (data) {
$scopeChild2.gridAccount.data = data;
$scopeChild2.ShowGridAcc = true;
});
};
$scopeChild2.searchAccount(null);
$scopeChild2.cancel = function () {
$modalInstance.dismiss('cancel');
$scopeChild.load();
};
}],
});
}javascript angularjs
javascript angularjs
asked Nov 12 '18 at 5:37
Tharindu Dissanayaka
63
asked Nov 12 '18 at 5:37
Tharindu Dissanayaka
63
asked Nov 12 '18 at 5:37
Tharindu Dissanayaka
63
asked Nov 12 '18 at 5:37
Tharindu Dissanayaka
63
asked Nov 12 '18 at 5:37
Tharindu Dissanayaka
63
63
add a comment |
add a comment |
2 Answers
2
active
oldest
votes
0
So this I believe this is a CSS thing you are looking for.
overflow: hidden
On the modal (I believe you meant modal not model?) will cause a scrollbar to not appear.
The reason I'm guessing it does not appear at first is because overflow isn't activated (there isn't enough stuff in the modal for a scrollbar to be needed).
You can see more about the overflow property here with CSS. In particular the try it yourself with an exact example.
answered Nov 12 '18 at 5:49
Carson
40521022
add a comment |
0
in this case we can fix the issue with expand length of the modal popup by ,but this is not the correct way to do this.So what i had done completely replace the grid for a table now its works find
if (divider == page) {
var remaindataAmount = DataAmount - ((page - 1) * length);
$("#grid2.ui-grid").css({ 'height': (height * remaindataAmount) + 1700 + 'px', 'min-height': '400px' });
$("#grid2.ui-grid-viewport").css({ 'height': (height * remaindataAmount) + 1650 + 'px', 'min-height': '350px' });
}
else {
$("#grid2.ui-grid").css({ 'height': (height * length) + length*30+ 4500 + 'px', 'min-height': '400px' });
$("#grid2.ui-grid-viewport").css({ 'height': (height * length) + length*30 +3450+ 'px', 'min-height': '350px' });
}answered Nov 15 '18 at 6:14
Tharindu Dissanayaka
63
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53256432%2fdisable-angularjs-model-popup-scroll-bar%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
2 Answers
2
active
oldest
votes
2 Answers
2
active
oldest
votes
active
oldest
votes
active
oldest
votes
0
So this I believe this is a CSS thing you are looking for.
overflow: hidden
On the modal (I believe you meant modal not model?) will cause a scrollbar to not appear.
The reason I'm guessing it does not appear at first is because overflow isn't activated (there isn't enough stuff in the modal for a scrollbar to be needed).
You can see more about the overflow property here with CSS. In particular the try it yourself with an exact example.
answered Nov 12 '18 at 5:49
Carson
40521022
add a comment |
0
So this I believe this is a CSS thing you are looking for.
overflow: hidden
On the modal (I believe you meant modal not model?) will cause a scrollbar to not appear.
The reason I'm guessing it does not appear at first is because overflow isn't activated (there isn't enough stuff in the modal for a scrollbar to be needed).
You can see more about the overflow property here with CSS. In particular the try it yourself with an exact example.
answered Nov 12 '18 at 5:49
Carson
40521022
add a comment |
0
0
0
So this I believe this is a CSS thing you are looking for.
overflow: hidden
On the modal (I believe you meant modal not model?) will cause a scrollbar to not appear.
The reason I'm guessing it does not appear at first is because overflow isn't activated (there isn't enough stuff in the modal for a scrollbar to be needed).
You can see more about the overflow property here with CSS. In particular the try it yourself with an exact example.
answered Nov 12 '18 at 5:49
Carson
40521022
So this I believe this is a CSS thing you are looking for.
overflow: hidden
On the modal (I believe you meant modal not model?) will cause a scrollbar to not appear.
The reason I'm guessing it does not appear at first is because overflow isn't activated (there isn't enough stuff in the modal for a scrollbar to be needed).
You can see more about the overflow property here with CSS. In particular the try it yourself with an exact example.
answered Nov 12 '18 at 5:49
Carson
40521022
answered Nov 12 '18 at 5:49
Carson
40521022
answered Nov 12 '18 at 5:49
Carson
40521022
answered Nov 12 '18 at 5:49
Carson
40521022
40521022
add a comment |
add a comment |
0
in this case we can fix the issue with expand length of the modal popup by ,but this is not the correct way to do this.So what i had done completely replace the grid for a table now its works find
if (divider == page) {
var remaindataAmount = DataAmount - ((page - 1) * length);
$("#grid2.ui-grid").css({ 'height': (height * remaindataAmount) + 1700 + 'px', 'min-height': '400px' });
$("#grid2.ui-grid-viewport").css({ 'height': (height * remaindataAmount) + 1650 + 'px', 'min-height': '350px' });
}
else {
$("#grid2.ui-grid").css({ 'height': (height * length) + length*30+ 4500 + 'px', 'min-height': '400px' });
$("#grid2.ui-grid-viewport").css({ 'height': (height * length) + length*30 +3450+ 'px', 'min-height': '350px' });
}answered Nov 15 '18 at 6:14
Tharindu Dissanayaka
63
add a comment |
0
in this case we can fix the issue with expand length of the modal popup by ,but this is not the correct way to do this.So what i had done completely replace the grid for a table now its works find
if (divider == page) {
var remaindataAmount = DataAmount - ((page - 1) * length);
$("#grid2.ui-grid").css({ 'height': (height * remaindataAmount) + 1700 + 'px', 'min-height': '400px' });
$("#grid2.ui-grid-viewport").css({ 'height': (height * remaindataAmount) + 1650 + 'px', 'min-height': '350px' });
}
else {
$("#grid2.ui-grid").css({ 'height': (height * length) + length*30+ 4500 + 'px', 'min-height': '400px' });
$("#grid2.ui-grid-viewport").css({ 'height': (height * length) + length*30 +3450+ 'px', 'min-height': '350px' });
}answered Nov 15 '18 at 6:14
Tharindu Dissanayaka
63
add a comment |
0
0
0
in this case we can fix the issue with expand length of the modal popup by ,but this is not the correct way to do this.So what i had done completely replace the grid for a table now its works find
if (divider == page) {
var remaindataAmount = DataAmount - ((page - 1) * length);
$("#grid2.ui-grid").css({ 'height': (height * remaindataAmount) + 1700 + 'px', 'min-height': '400px' });
$("#grid2.ui-grid-viewport").css({ 'height': (height * remaindataAmount) + 1650 + 'px', 'min-height': '350px' });
}
else {
$("#grid2.ui-grid").css({ 'height': (height * length) + length*30+ 4500 + 'px', 'min-height': '400px' });
$("#grid2.ui-grid-viewport").css({ 'height': (height * length) + length*30 +3450+ 'px', 'min-height': '350px' });
}answered Nov 15 '18 at 6:14
Tharindu Dissanayaka
63
in this case we can fix the issue with expand length of the modal popup by ,but this is not the correct way to do this.So what i had done completely replace the grid for a table now its works find
if (divider == page) {
var remaindataAmount = DataAmount - ((page - 1) * length);
$("#grid2.ui-grid").css({ 'height': (height * remaindataAmount) + 1700 + 'px', 'min-height': '400px' });
$("#grid2.ui-grid-viewport").css({ 'height': (height * remaindataAmount) + 1650 + 'px', 'min-height': '350px' });
}
else {
$("#grid2.ui-grid").css({ 'height': (height * length) + length*30+ 4500 + 'px', 'min-height': '400px' });
$("#grid2.ui-grid-viewport").css({ 'height': (height * length) + length*30 +3450+ 'px', 'min-height': '350px' });
} if (divider == page) {
var remaindataAmount = DataAmount - ((page - 1) * length);
$("#grid2.ui-grid").css({ 'height': (height * remaindataAmount) + 1700 + 'px', 'min-height': '400px' });
$("#grid2.ui-grid-viewport").css({ 'height': (height * remaindataAmount) + 1650 + 'px', 'min-height': '350px' });
}
else {
$("#grid2.ui-grid").css({ 'height': (height * length) + length*30+ 4500 + 'px', 'min-height': '400px' });
$("#grid2.ui-grid-viewport").css({ 'height': (height * length) + length*30 +3450+ 'px', 'min-height': '350px' });
} if (divider == page) {
var remaindataAmount = DataAmount - ((page - 1) * length);
$("#grid2.ui-grid").css({ 'height': (height * remaindataAmount) + 1700 + 'px', 'min-height': '400px' });
$("#grid2.ui-grid-viewport").css({ 'height': (height * remaindataAmount) + 1650 + 'px', 'min-height': '350px' });
}
else {
$("#grid2.ui-grid").css({ 'height': (height * length) + length*30+ 4500 + 'px', 'min-height': '400px' });
$("#grid2.ui-grid-viewport").css({ 'height': (height * length) + length*30 +3450+ 'px', 'min-height': '350px' });
}answered Nov 15 '18 at 6:14
Tharindu Dissanayaka
63
answered Nov 15 '18 at 6:14
Tharindu Dissanayaka
63
answered Nov 15 '18 at 6:14
Tharindu Dissanayaka
63
answered Nov 15 '18 at 6:14
Tharindu Dissanayaka
63
63
add a comment |
add a comment |
draft saved
draft discarded
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
draft saved
draft discarded
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53256432%2fdisable-angularjs-model-popup-scroll-bar%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
