Недавно обнаружил, что на моих сайтах стоят неадаптивные виджеты. Как сделать так чтобы комментарии вконтакте растягивались по всему экрану?
Вконтакте комментарии занимают всю ширину экрана
Не знаю как сейчас, но раньше задавался определенный параметр, и оказывается что это была не максимальная ширина контейнера, а фиксированная.
Для того чтобы динамически менялась ширина комментариев, нам нужно вообще убрать эти параметры, и оставить лишь:
VK.Widgets.Comments(«vk_comments», );
Какие только варианты не приходили в голову . В том числе мерять ширину контейнера в котором они находятся и передавать в качестве переменных. Также, я думал, что можно задать некую maxWidth – как видите, всё оказалось гораздо проще – убираем все параметры и вуаля.
Как вызвать свою функцию в виджете комментариев Вконтакте
И чтобы статья не казалась такой уж маленькой, давайте я вам сразу расскажу про вызов своей функции. Что самое смешное, в тех поддержке мне сказали что это невозможно . Самый простой ответ наверное.
Как оформить сообщество Вконтакте | Дизайн, приложения, информация, меню, виджеты | Большой урок
Итак:
VK.Widgets.Comments(«vk_comments», ); function myFunc(num, last_comment, date, sign)
Если я ничего не напутал, при добавление комментария у нас должно записываться их число в
И как всегда, это лишь пример, на самом деле всё ограничивается лишь вашей фантазией .
Не забудьте проверить свои старые проекты и убедиться что ваши виджеты адаптированы под расширения мобильных устройств.
Источник: forwww.com
Как адаптировать виджеты вк? [закрыт]
Хотите улучшить этот вопрос? Переформулируйте вопрос так, чтобы он был сосредоточен только на одной проблеме.
Закрыт 6 лет назад .
Подскажите, как то вообще возможно адаптивить виджет вк? Во время его генерации можно задавать ширину виджета, но она задается в пикселях в процентах никак. Возможно ли каким то образом влиять на эту ширину на разных разрешениях экрана?
Отслеживать
задан 17 дек 2016 в 23:03
Constantine Shibaev Constantine Shibaev
837 2 2 золотых знака 16 16 серебряных знаков 33 33 бронзовых знака
Смотря что за виджеты. У некоторых можно указать автоматическую ширину, которая будет подставляться в зависимости от ширины родительского блока.
17 дек 2016 в 23:43
18 дек 2016 в 7:16
1 ответ 1
Сортировка: Сброс на вариант по умолчанию
У каждого виджета есть подробная документация, ссылка на которую находится под редактором самого виджета:
Как я и написал в своем комментарии, большинство виджетов, включая виджет комментариев и виджет сообществ, умеют подстраиваться под ширину родительского блока. Чтобы включить подобное поведение у виджета комментариев, необходимо просто не указывать параметр width . А у виджета сообществ — параметру width задать значение auto .
Виджет комментариев от Вконтакте
Источник: ru.stackoverflow.com
Адаптивный виджет вКонтакте на сайт
Активно формируется и пополняется группа почитателей нашего сайта вКонтакте. Встречайте наших первых подписчиков и участников группы. Спешите вступить в нашу группу и оставляйте ваши комментарии к нашим сообщениям. Группа вКонтакте — это некая альтернатива и способ быстрого получения информации.
Но, цель этой публикации не только в том, чтобы представить группу. У нас адаптивный шаблон сайта и нам был нужен адаптивный виджет группы для сайта. Вы можете теперь смело делать ресайз страницы и виджет адаптируется под размеры сам. А вот и код который позволяет это реализовать:
Конечно же понадобится:
И код скрипта:
function VK_Widget_Init()< document.getElementById(‘vk_groups’).innerHTML = «»; var vk_width = document.getElementById(‘vk_widget’).clientWidth; VK.Widgets.Group(«vk_groups», , 89409984); >; window.addEventListener(‘load’, VK_Widget_Init, false); window.addEventListener(‘resize’, VK_Widget_Init, false);
Источник: upbyte.net