Opened 11 years ago

Closed 11 years ago

Last modified 10 years ago

#2748 closed enhancement (fixed)

Resizable: snap to grid

Reported by: telega Owned by: eduardo
Priority: minor Milestone: 1.5
Component: ui.core Version: 1.2.3
Keywords: Cc:
Blocked by: Blocking:

Description

Hi

I found that snap to grid functionality, similar to the Draggable "grid" can be easily added to current Resizable implementation. The change is only 2 lines of code: 1) The first line - add grid option to the list of default options:

    //Prepare the passed options
    this.options = $.extend({
      ...
      grid: [1, 1]
    }, options);

2) The second line - calculate width/height change value using grid option - modify change() method, right after the line, where "val" is calculated:

      var change = function(a,b) {
        ...
        var val = ...
        val = val - val % o.grid[isth ? 0 : 1];

I've implemented this feature because I need it for my project. Maybe others find it useful too.

Regards, telega

Change History (4)

comment:1 Changed 11 years ago by paul

Owner: changed from paul to braeker

comment:2 Changed 11 years ago by braeker

Resolution: fixed
Status: newclosed

comment:3 Changed 11 years ago by (none)

Milestone: 1.2.4

Milestone 1.2.4 deleted

comment:4 Changed 10 years ago by paul

Milestone: 1.5
Note: See TracTickets for help on using tickets.