Масштабирование FP на мнемосхеме

[manjey73]

Я по Damper понял, что при помощи стиля можно масштабировать faceplate и даже попробовал у себя. Но при обновлении масштаб слетает. При загрузке мнемосхемы тоже.

Это не доделано, или тоже закралась ошибка где-то?

[Mikhail]

Сделайте, пожалуйста, скриншоты для пояснения.

[manjey73]

Видео

В таблице стилей фейсплейта повторен такой же, как и в Damper

.fp-sector1 {
  width: 100% !important;
  height: 100% !important;
}

В компоненте Разметки указан CSS класс fp-sector1 так же аналогично Damper

На мнемосхеме можно растягивать фейсплейт. Отсюда и был первый вопрос в теме.

Ну и дополнително:
А можно сделать аналогично уникальному id — .{0}fp-sector1 и в классе компонента так же прописывать {0}fp-sector1 ???

Если ли возможность сохранять размеры в мнемосхеме на экземпляр компонента вставленного фейсплейта и чтобы Редактор и Плагин сперва смотрел туда и соответственно применял эти размеры ???

Ну и по видео видно, что при копировании и вставке не работают скрипты, только после обновления с предварительным сохранением.

Ну и еще вопрос, а если в фейсплейте два одинаковых компонента будет, это уже не сработает так понимаю.

[Mikhail]

Спасибо, проверю, напишу в эту тему.

в классе компонента так же прописывать {0}fp-sector1 ???

Замена {0} происходит только внутри свойства верстки компонента Разметка.

[manjey73]

А если нужно под каждый экземпляр иметь возможность управлять стилями css ?

[Mikhail]

А если нужно под каждый экземпляр иметь возможность управлять стилями css ?

Это надо как-то иначе делать.

Ошибку с обновлением размеров удалось воспроизвести. Как будет исправление, напишу.

[manjey73]

На счет стилей CSS, есть еще такая вещь, как анимация svg при помощи CSS.
Так что тут возможно будет нужен похожий механизм.

Например возможно стили интегрировать прямо в код Разметки? чтобы так получилось?
А стили в faceplate это типа какие-то общие и глобальные.

[Mikhail]

Разметка поддерживает то, что поддерживает стандарт HTML, в том числе, атрибут style.

[Mikhail]

Обновление в этой теме

[manjey73]

Спасибо, пробую.

[manjey73]

Масштабирование работает, но есть нюансы 🙂
пока не добрался до них, попробую проверить. Дело в том, что Faceplate может быть составным, включая другие изображения, меньше размером, чем сам faceplate, но тоже должны масштабироваться пропорционально.

[manjey73]

Попробовал и не понял как это сделать…
Если указать второму компоненту тот же класс, он становится размером с весь faceplate.

[manjey73]

1. Скрипты при копи паст настроенного фейсплейта не отрабатывают.
Нужно сохранить, потом обновить.

2. С размерами примерно понятно, можно создать такой же класс CSS, только уменьшить % размера ширины и высоты. НО, как задать (сохранить) положение встроенного элемента, относительно границ фейсплейта?

• Ответ изменён 5 дней, 23 часа назад пользователем manjey73.

[manjey73]

по 2 нашел как делать.
Добавляем класс CSS с указанием top и left

.fp-sector2 {
width: 30% !important;
height: 30% !important;
top: 50% !important;
left: 50% !important;
}

ну и ищем так сказать %, где нам надо изображение. ширину и высоту так же указываем как % от общего fp

[manjey73]

И вот тут как раз положение координат и % от левого верхнего угла (как на видео у @JurasskPark) были бы очень и очень кстати. (з.ы. процентов я не помню, неплохо бы их добавить для этих процедур 🙂 )

Мышкой поставил компонент, где тебе нужно, при выделенном компоненте скопировал из информации и вставил в CSS класс.
А не сидишь и подбираешь проценты…

• Ответ изменён 5 дней, 22 часа назад пользователем manjey73.

[Автор]

Сообщения