swiety85 / angular2gridster

Angular implementation of well known Gridster (no jQuery, no external libraries, only Angular and Rx.js).
https://swiety85.github.io/angular2gridster/
MIT License
203 stars 75 forks source link

widget width not increase, need help #400

Open prakash-pari opened 3 years ago

prakash-pari commented 3 years ago

try to resize the widget width but can't increase the width but height can able to increase. Can anyone help me out to resolve this.

resize-width

`gridsterOptions: IGridsterOptions = {

lanes: 100, // amount of lanes (cells) in the grid
direction: 'none', // floating top - vertical, left - horizontal
floating: true,
dragAndDrop: true, // enable/disable drag and drop for all items in grid
resizable: true, // enable/disable resizing by drag and drop for all items in grid
resizeHandles: {
  s: true,
  e: true,
  se: true
},
widthHeightRatio: 3, // proportion between item width and height
lines: {
  visible: true,
  color: '#afafaf',
  width: 2
},
shrink: true,
useCSSTransforms: true,
responsiveView: true, // turn on adopting items sizes on window resize and enable responsiveOptions
responsiveDebounce: 500, // window resize debounce time
responsiveSizes: true,
responsiveOptions: [
  {
    breakpoint: 'sm',
    // minWidth: 576,
  },
  {
    breakpoint: 'md',
    minWidth: 768,
  },
  {
    breakpoint: 'lg',
    minWidth: 1250,
  },
  {
    breakpoint: 'xl',
    minWidth: 1800,
  }
]

};`