Как изменить цвет выпадающего UniTreeMenu

[dbf_usr]

Как изменить цвет выпадающего меню UniTreeMenu ?

 

Всем за ранее спасибо!

 

 

[Sherzod]

18 minutes ago, dbf_usr said:

UniTreeMenu

Desktop?

[x11]

С помощью CSS?

[dbf_usr]

On 11/13/2021 at 2:18 PM, Sherzod said:

Desktop?

ДА

[dbf_usr]

On 11/13/2021 at 3:04 PM, x11 said:

С помощью CSS?

Изменения этих параметров не дают ни какого результата как и этих

.x-treelist-nav .x-treelist-item-text {
    color: #001000;
    margin-left: 23px;
    margin-right: 14px;
    font-size: 13px;
    line-height: 30px;
    -webkit-box-sizing: 10px;
}
.x-treelist-nav .x-treelist {
    color: #001000;
    margin-left: 23px;
    margin-right: 14px;
    font-size: 13px;
    line-height: 30px;
    -webkit-box-sizing: 10px;

 

[x11]

значит, надо проанализировать и найти, какие классы отвечают за нужные пункты

[dbf_usr]

2 hours ago, x11 said:

значит, надо проанализировать и найти, какие классы отвечают за нужные пункты

уже проанализировал и не нашел способа это сделать, по этому и обращаюсь

[x11]

я применил код

background-color: red!important;

для CSS-класса: x-treelist-row x-treelist-row-over

 

[dbf_usr]

24 minutes ago, x11 said:

я применил код

background-color: red!important;

для CSS-класса: x-treelist-row x-treelist-row-over

 

Чем Вы анализируете CSS? я не вижу этого класса? За ранее спасибО!

[x11]

Браузером.

Нажимаю правой кнопкой мышки по нужному элементу и там "Просмотреть код". Картинка 1.

 

Браузер откроет панель "Элементы" в DevTools, если DevTools еще не открыта. И активирует какой-то элемент. Т.е. примерно нужный нам элемент. Скорей всего, что это будет текст какой-нибудь или картинка, или ссылка. А нам нужен не текст, а контейнер, который будем менять. А выбранный нами текст живет в контейнере, который живет в контейнере, который живет в контейнере... и т.д. классом выше нужно искать мышкой уже в самом DOM-дереве.

Картинка 2.

Т.е. просто поднимаем не спеша мышку вверх по элементам DOM-дерева. Или опускаем, смотря что ищем. При этом смотрим на выбранный в браузере элемент. Когда браузер подсветит нужный нам элемент, а в данном случае нужный нам элемент - это како-то контейнер, то щелкаем на нем левой кнопкой мышки, т.е. выбираем его в DOM-дереве. И справа уже можно манипулировать свойствами. Если изменили свойство не у того элемента (контейнера), то ищем заново, повторяем поиск, пока не найдем.

[dbf_usr]

1 hour ago, x11 said:

Браузером.

Нажимаю правой кнопкой мышки по нужному элементу и там "Просмотреть код". Картинка 1.

 

Спасибо - способ этот мне знаком. Но Вы красите и находите класс только для активного конкретного пункта меню.  Вы попробуйте найти все выпадающее меню (не активное).То что серым остается. Мне нужно именно его покрасить. И встроенным инструментом в Хром у меня не получилось найти.

[Sherzod]

Здравствуйте, 

Возможно я ошибаюсь, но мне кажется, что в режиме micro, пользовательские правила CSS корректно не работают.

[x11]

36 minutes ago, Sherzod said:

в режиме micro,

честно говоря, я и в обычном режиме не могу покрасить

 

.x-treelist-item .x-treelistitem .x-treelist-item-leaf .x-treelist-item-with-icon {
	background-color: red!important;
}

 

действительно, не так уже и просто оказалось

[Sherzod]

32 minutes ago, x11 said:

честно говоря, я и в обычном режиме не могу покрасить

UniTreeMenu.Color := 

?

[x11]

Я так подозреваю, что автору хочется только дочерние меню покрасить?

[Sherzod]

9 minutes ago, x11 said:

Я так подозреваю, что автору хочется только дочерние меню покрасить?

В режиме микро.

[x11]

Ну допустим, а какая от этого польза?

[Sherzod]

1 minute ago, x11 said:

Ну допустим, а какая от этого польза?

?

То, что я понял, в режиме микро не корректно работает background color. Вы можете проверить на стандартном демо примере.

[x11]

Я так понял, автор цвет основной панели смог поменять, а цвет пунктов не может.

Желательно, конечно, более полно описывать пожелания с первого раза.

[Sherzod]

2 minutes ago, x11 said:

Я так понял, автор цвет основной панели смог поменять, а цвет пунктов не может.

Да.

[dbf_usr]

On 11/16/2021 at 9:09 AM, Sherzod said:

Да.

Да именно так! Интересует весь функционал панели. Как полный так и мини. Кому-то из клиентов удобно развернутое меню, а кому-то мини. И перекрасить только кусок меню - это не красиво. Получается, что его можно использовать только в стандартном цвете от разработчика. 

[Sherzod]

9 minutes ago, dbf_usr said:

Интересует весь функционал панели. Как полный так и мини. Кому-то из клиентов удобно развернутое меню, а кому-то мини. И перекрасить только кусок меню - это не красиво. Получается, что его можно использовать только в стандартном цвете от разработчика. 

Есть решение, где Вы можете глобально поменять цвет.

[dbf_usr]

7 minutes ago, Sherzod said:

Есть решение, где Вы можете глобально поменять цвет.

Глобально для компонента или для всего проекта? Где можно на это решение посмотреть?

[Sherzod]

11 minutes ago, dbf_usr said:

Глобально для компонента или для всего проекта?

Глобально для всего проекта, для всех компонентов UniTreeMenu.

[x11]

Сразу тебе дам пример, как увеличить размер меню в режиме Микро, может пригодится.

UniTreeMainMenu.JSInterface.JSConfig('expandedWidth', [UniTreeMainMenu.Width + 100]);