Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Применение библиотек > Как настроить angular-gridster?

Автор: mdlv 17.9.2015, 10:48

Как настроить http://manifestwebdesign.github.io/angular-gridster/, чтобы убрать Z-слои и наложение изображений друг на друга? Сейчас, если изображения большие, они накладываются друг на друга.
Настройки, видимо, находятся в

Код


$scope.gridOpts

И еще не срабатывает

Код


resizable: { enabled : false }

все равно можно растягивать изображения.
Есть https://rawgit.com/ManifestWebDesign/angular-gridster/master/index.html#/main, там ресайз каким-то образом отключается.
Мои текущие настройки (из демо-примера):

Код


$scope.gridsterOpts = {
margins: [20, 20],
outerMargin: false,
floating: true,
pushing: true,
draggable: {
enabled: true
},
resizable: {
enabled: false,
handles: ['n', 'e', 's', 'w', 'se', 'sw']
}
}

Необходимо, чтобы изображения не накладывались друг на друга, т.е. учитывался их реальный размер, и они просто располагались рядом; чтобы не было возможности ресайза при помощи растягивания изображений за угол. И была возможность перемещения. Сейчас изображения перемещаются нормально, но накладываются друг на друга, и все равно доступен ресайз.

Обновление:
После добавления к html-блоку div, в котором находятся все изображения, опции

Код


<div gridster="gridsterOpts">

ресайз выключился. Осталась проблема наложения друг на друга изображений.