Как скрыть виджеты полностью если ты задал телу или контейнеру бутстрапом цветовой фон

InstantCMS 2.X
#1 30 октября 2024 в 02:14

Виджету устанавливаю цвет и отступы Изображение

Но если нет данных, виджет не скрывается полностью....Изображение

как это победить? не меняя условия присвоения классов через виджет?

#2 30 октября 2024 в 09:55

Назначьте ещё какой то класс контейнеру и в js пропишите код

  1. var test = document.querySelector('.test');
  2. if(test.innerHTML == ""){
  3. document.querySelector('.super-test').style.display="none"
  4. }else{
  5. document.querySelector('.super-test').style = ""
  6. }

Где .test клас контейнера, в котором «нет содержимого»

А .super-test добавьте к классам, что прописали в виджите

#3 30 октября 2024 в 17:00

Назначьте ещё какой то класс контейнеру и в js пропишите код

  1. var test = document.querySelector('.test');
  2. if(test.innerHTML == ""){
  3. document.querySelector('.super-test').style.display="none"
  4. }else{
  5. document.querySelector('.super-test').style = ""
  6. }

Где .test клас контейнера, в котором «нет содержимого»

А .super-test добавьте к классам, что прописали в виджите

Lora

не совсем понял куда классы добавлять Изображение

#4 30 октября 2024 в 17:31

Да, super-test туда. А test, это класс контейнера в вашем виджите

Изображение

#5 30 октября 2024 в 17:54

Да, super-test туда. А test, это класс контейнера в вашем виджите

Изображение

Lora

увы такой метод не работает :( 

#6 30 октября 2024 в 17:58

Почему?

#7 30 октября 2024 в 18:07

Почему?

Lora

Ну вот смотри, на примере этого разберем. Нужно скрыть полностью весь контейнер виджета если табов нет :

Изображение

Табов нет, но контейнер остался с внутренними отступами 

Изображение

Вот вроде все делал по твоей инструкции

Изображение

Изображение

#8 30 октября 2024 в 18:30

Вкладку Опции покажи И расскажи при каких условиях там ничего нет.

#9 30 октября 2024 в 18:34

Вкладку Опции покажи

Lora

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

Добавлено спустя 1 минуту

Вкладку Опции покажи И расскажи при каких условиях там ничего нет.

Lora

там ничего нет при условии что у юзера нет данных для вывода вкладок. хотя бы одного труга. Это системные табы в профиле

#10 30 октября 2024 в 19:39

там пусто

Happy

А как в виджете HTML во вкладке Опции может ничего не быть?

Добавлено спустя Только что

Нам же нужны классы для скрипта что окутывают содержимое

Happy

Ну так примени код к этим классам

#11 30 октября 2024 в 19:41

Если скриптами то вот попроще будет 

  1. $('.super-test').each(function(){
  2. if(!$(this).find('.icms-profile__tabs').length) $(this).remove();
  3. });

где

.super-test — класс виджета

.icms-profile__tabs — класс от которого зависит показ виджета

честно говоря не хотелось скриптами так как они мелькают перед тем как включиться.

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