How to use the angular-gridster2.CompactType.None function in angular-gridster2
To help you get started, we’ve selected a few angular-gridster2 examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
tiberiuzuld / angular-gridster2 / src / app / sections / home / home.component.ts View on Github 
ngOnInit() {
this.options = {
gridType: GridType.Fit,
compactType: CompactType.None,
margin: 10,
outerMargin: true,
outerMarginTop: null,
outerMarginRight: null,
outerMarginBottom: null,
outerMarginLeft: null,
useTransformPositioning: true,
mobileBreakpoint: 640,
minCols: 1,
maxCols: 100,
minRows: 1,
maxRows: 100,
maxItemCols: 100,
minItemCols: 1,
maxItemRows: 100,
minItemRows: 1,ngOnInit() {
this.options = {
gridType: GridType.Fit,
compactType: CompactType.None,
maxCols: 10,
pushItems: true,
draggable: {
enabled: true
},
resizable: {
enabled: true
}
};
this.dashboard = [
{cols: 2, rows: 1, y: 0, x: 0},
{cols: 2, rows: 2, y: 0, x: 2},
{cols: 1, rows: 1, y: 0, x: 4},
{cols: 3, rows: 2, y: 1, x: 4},
{cols: 1, rows: 1, y: 4, x: 5},ngOnInit() {
this.options = {
gridType: GridType.Fit,
displayGrid: DisplayGrid.Always,
compactType: CompactType.None,
pushItems: true,
draggable: {
enabled: true
},
resizable: {
enabled: true
},
minCols: 1,
maxCols: 100,
minRows: 1,
maxRows: 100,
maxItemCols: 100,
minItemCols: 1,
maxItemRows: 100,
minItemRows: 1,
maxItemArea: 2500,ngOnInit() {
this.options = {
gridType: GridType.Fit,
compactType: CompactType.None,
pushItems: true,
draggable: {
enabled: true
},
resizable: {
enabled: true
}
};
this.dashboard = [
{cols: 2, rows: 1, y: 0, x: 0, initCallback: this.initItem.bind(this)},
{cols: 2, rows: 2, y: 0, x: 2},
{cols: 1, rows: 1, y: 0, x: 4},
{cols: 3, rows: 2, y: 1, x: 4},
{cols: 1, rows: 1, y: 4, x: 5},
{cols: 1, rows: 1, y: 2, x: 1},
