landing.block.updateStyles

Scope: landing Права на выполнение: для всех

landing.block.updateStyles(lid, block,data)

Метод для изменения стилей блока. Возвращает true или ошибку.

Параметры

Параметр Описание

lid Идентификатор страницы

block Идентификатор блока

data

Параметр	Описание
lid	Идентификатор страницы
block	Идентификатор блока
data	В параметре передается массива ключ-значение, где ключом идет селектор, а каждым значением указывается два массива:: classList - какие классы добавить в изменяемый селектор. affect - передаются стили, которые надо обнулить у всех дочерних нод. Например, передаётся класс, который окрашивает элемент в цвет (color). Значит в affect надо передать массив [color], чтобы система обнулила все color у дочерних. Иначе будет такая ситуация - цвет родителя стоит красный, а текст внутри останется прежним. Селектор может передаваться как без указания позиции (например, .landing-block-node-text), тогда будут изменены все карточки по данному селектору. Так и с указанием позиции (например, .landing-block-node-text@2), тогда будет изменена только карточка на указанной позиции (отсчет с нуля). Селектор можно передавать в виде `#wrapper`, тогда влияние будет происходить на стили блока (его оболочки).

В параметре передается массива ключ-значение, где ключом идет селектор, а каждым значением указывается два массива::

classList - какие классы добавить в изменяемый селектор.
affect - передаются стили, которые надо обнулить у всех дочерних нод. Например, передаётся класс, который окрашивает элемент в цвет (color). Значит в affect надо передать массив [color], чтобы система обнулила все color у дочерних. Иначе будет такая ситуация - цвет родителя стоит красный, а текст внутри останется прежним.

Селектор может передаваться как без указания позиции (например, .landing-block-node-text), тогда будут изменены все карточки по данному селектору. Так и с указанием позиции (например, .landing-block-node-text@2), тогда будет изменена только карточка на указанной позиции (отсчет с нуля).

Селектор можно передавать в виде #wrapper, тогда влияние будет происходить на стили блока (его оболочки).

Пример

В примере используется text-right - это класс, который выравнивает справа. Поэтому в affect задаётся что все нижележащие стили text-align должны быть удалены.

Важно! Такие классы как landing-block-node-text являются системными в манифесте. Если вы их не передадите, класс потеряется, и нода не сможет меняться через визуальный интерфейс. Вы должны четко понимать, что делаете.

BX24.callMethod(
	'landing.block.updateStyles',
	{
		lid: 311,
		block: 6058,
		data: {
			'.landing-block-node-text': {
				classList: ['landing-block-node-text', 'g-color-gray-light-v2', 'text-right'],
				affect: ['text-align']
			}
		}
	},
	function(result)
	{
		if(result.error())
		{
			console.error(result.error());
		}
		else
		{
			console.info(result.data());
		}
	}
);