drag handle about angular-gridster2 HOT 6 CLOSED

Hi @rajeshmuraleedharan ,
You can have the inside content stop propagating the mouse events and have a div with position absolute which will propagate the mouse events.

<gridster-item>
   <div class="content" (mousedown)="$event.stopPropagation()" 
                       (touchstart)="$event.stopPropagation()">
     <-- your widget content !--> 
   </div>
   <div class="drag handle"></div>
</gridster-item>

from angular-gridster2.

yes, above worked to set drag handle. But still i can't select content div label text with mouse. can you please help.

from angular-gridster2.

Will implement something soon.

from angular-gridster2.

Hmm good question.
Well one option is to create a config mode for your dashboard where the user cannot interact with the content and can drag and resize widgets. And the normal mode where the dashboard is fixed and the user can interact only with the content.

A second option implemented now in v2.7.0 where the content has a class and what mouse events come from that element children and itself will be ignored by the widget drag event.

Please have a look in README.md and release notes on how to use.

from angular-gridster2.

Now i am getting this error when i compile my app.
ERROR in [at-loader] ./node_modules/angular-gridster2/dist/gridster.component.d.ts:1:41
has no exported member 'Renderer2'.

in "gridster.component.d.ts", "gridsterItem.component.d.ts" files. misspelled Renderer as Renderer2.

from angular-gridster2.

Renderer2 is only available in angular 4. So you need to have angular 4.

from angular-gridster2.