Кнопка выбора стиля, например, bootstrap 2.3 вместо selected.js

В блоке администратора Joomla каждый флажок выбора автоматически создается с помощью плагина Chosen.js. Но некоторые кнопки в стиле Bootstrap. Есть ли способ, с помощью которого элемент Select может выглядеть как раскрывающийся список бутстрапов?

Зачем мне это нужно? Например, в статье edit more есть несколько кнопок внизу (например, «Article», «Image», «Page Break» и «Read More»). Я использую плагин, который добавляет кнопку выбора рядом с этими кнопками, а высота выбранной кнопки значительно ниже, чем у кнопок бутстрапа. Смотрите это изображение:

 введите описание изображения здесь>> </a> </p>

<p> Я хотел бы, чтобы этот раскрывающийся список больше напоминал другую кнопку рядом с ней. Так как код добавляет только элемент <code>---- +: = 0 =: + ----</code>, а selected.js генерирует дополнительные элементы dom, из которых я не знаю, как я могу настроить этот стиль не затрагивая каждый другой элемент выбора на странице. </p>

<p> Мне любопытно, есть ли простое решение, или это, возможно, известная проблема Joomla? </p></body></html>

2 голоса | спросил lanoxx 12 42015vEurope/Moscow11bEurope/MoscowThu, 12 Nov 2015 19:30:13 +0300 2015, 19:30:13

1 ответ


1

Вам нужно будет открыть следующий файл:

  

плагины /редакторы /коммутатор /switcher.php

Затем перейдите к строке 180 , где вы увидите следующее:

. '<div id="switcherSelector" style="vertical-align:middle;margin:0 0 0 5px;display:inline-block;"><input type="hidden" id="editorswitcher-currentvalue" value="'

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

. '<div id="switcherSelector" class="btn-toolbar"><input type="hidden" id="editorswitcher-currentvalue" value="'

Затем в Интернете 190 вы увидите следующее:

JFactory::getDocument()->addScriptDeclaration($js);

Непосредственно ниже этого добавьте следующий код:

JFactory::getDocument()->addStyleDeclaration('
    #switcherSelector { display: inline-block; margin-left: 5px; }
    #switcherSelector .chzn-container-single .chzn-single { height: 26px; line-height: 26px; }
    #switcherSelector .chzn-container-single .chzn-single div { top: 2px; }
');

Результат:

 введите описание изображения здесь>> </a> </p>

<p> Надеюсь, что это поможет </p></body></html>

ответил Lodder 12 42015vEurope/Moscow11bEurope/MoscowThu, 12 Nov 2015 19:56:40 +0300 2015, 19:56:40

Похожие вопросы

Популярные теги

security × 330linux × 316macos × 2827 × 268performance × 244command-line × 241sql-server × 235joomla-3.x × 222java × 189c++ × 186windows × 180cisco × 168bash × 158c# × 142gmail × 139arduino-uno × 139javascript × 134ssh × 133seo × 132mysql × 132