Показать сообщение отдельно
  #1 (permalink)  
Старый 17.09.2015, 10:40
Интересующийся
Отправить личное сообщение для mdlv Посмотреть профиль Найти все сообщения от mdlv
 
Регистрация: 14.05.2012
Сообщений: 16

Как настроить angular-gridster?
Как настроить angular-gripster, чтобы убрать Z-слои и наложение изображений друг на друга? Сейчас, если изображения большие, они накладываются друг на друга.
Настройки, видимо, находятся в
$scope.gridOpts
И еще не срабатывает
resizable: { enabled : false }
все равно можно растягивать изображения.
Есть официальный демо-пример там ресайз каким-то образом отключается.
Мои текущие настройки (из демо-примера):
$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">
ресайз выключился. Осталась проблема наложения друг на друга изображений.

Последний раз редактировалось mdlv, 17.09.2015 в 17:08. Причина: заработала опция выключения изменения размера
Ответить с цитированием