Резиновый виджет вк

[pimur]

Подскажите как сделать виджет вк резиновым. Пробую ширину ставить auto и добавляю css с шириной 100% в итоге получается виджет адаптивным, но если зайти с айпада все равно не подстраивается под экран и вылазиет за боковую панель. Может есть готовые решения?

[tabook]

Виджетов вк много. О каком речь.

[pimur]

Страница группы вк

[pimur]

Brutalbeard.ru вот с лева группа

[tabook]

В виджете "Комментарии" относительно недавно появилось значение 0 для width. Работает на ура в моем модуле. Попробуйте, вдруг и для "групп" тоже сработает.

[pimur]

Вы как автор модуля мне не можете об этом сказать. Я куплю если не будет работать, что мне потом с ним делать?

[tabook]

Вы читать умеете? А понимать смысл написанного?

Разжую более детально: ибо я все таки при ответе думал, что пишу здравомыслящему человеку: при инициализации виджета есть параметр width- задающий ширину блока для интеграции. В некоторых виджетах вк изначально было доступно значение 0, говорящее о том, что виджет влезает на "100%" в выделенный контейнер. В других - не доступно, указание "width: 0" считалось за ошибку инициализации виджета. Затем в виджете, с которым я плотно работал "Комментарии", также появилось значение 0. Вот я и пишу - попробуйте у себя тоже поставить 0, может сработает.

Причем тут куплю, причем тут не заработает...

[pimur]

Смысл написанного понял. Вот и спросил, у вас же есть этот модуль возьмите поставте в него группу и посмотрите получится или нет. Если да то потом пишите мне что вот есть решение. И я с удовольствием его куплю. А вот тип есть модуль для ответов вк попробуйте за деньги это не вариант.

[tabook]

Смысл написанного понял. Вот и спросил, у вас же есть этот модуль возьмите поставте в него группу и посмотрите получится или нет. Если да то потом пишите мне что вот есть решение. И я с удовольствием его куплю. А вот тип есть модуль для ответов вк попробуйте за деньги это не вариант.

Теперь ответьте прямо. ---- Где я писал попробуйте за деньги? Я писал попробуйте у себя выставить 0.

[pimur]

Ыыыы простите идиот))) не втупил.

[pimur]

Сижу с планшета и не прочитал выше так как уведомления пришло и перешел сразу на ответ))))

[tabook]

Вам гораздо проще поставить чертов ноль у себя и попробовать :) Ну не регистрировать же мне новое приложение для теста.

[pimur]

если поставить 0 то аватарки уезжают. попробывал.

[pimur]

есть еще варианты?

[ARAmiss]

В место, где нужен виджет вставляем:

<script src="//vk.com/js/api/openapi.js?146"></script>
<div id="vk_groups"></div>

В файл со скриптами вставляем:

(function() {
	var vkWidget = document.getElementById('vk_groups');
	if (!vkWidget) return;
	function buildVkWidget() {
		var vkWidgetParentWidth = parseFloat(getComputedStyle(vkWidget.parentElement).width) - parseFloat(getComputedStyle(vkWidget.parentElement).paddingLeft) - parseFloat(getComputedStyle(vkWidget.parentElement).paddingRight);
		vkWidget.innerHTML = '';
		VK.Widgets.Group("vk_groups", {mode: 0, width: vkWidgetParentWidth, height: "360", color1: 'FFFFFF', color2: '2B587A', color3: '5B7FA6'}, 999999);
	}
	window.addEventListener('load', buildVkWidget, false);
	window.addEventListener('resize', buildVkWidget, false);
})();

 

Змінено 7 вересня 2017 користувачем ARAmiss