Плагин apex select2 не работает с oracle apex 20.1

Question

Необходимо добавить элемент множественного выбора в мою форму вершины оракула. Пытался использовать плагин apex select2.Но это не сработало. Когда я добавляю в форму, это выглядит как на изображении ниже,

Затем я попытался изменить стили при загрузке страницы с помощью js. Но я не могу получить доступ к внутренним компонентам элемента select2. Есть ли другие подобные плагины..? Как использовать этот компонент в моем приложении Apex? какие-либо предложения..?

Answer 1

Это для апекса 20.2. Я добавил этот CSS, и он выглядит лучше. Может это поможет другим.

      .select2-selection {position: relative;}
.select2-container {border: none; padding: 0;}
.select2-container .select2-selection--single
.select2-selection__clear {font-size: 14px; color: #888889; line-height: 28px;}
input.select2-search__field {outline-offset: 0;}
.t-Form-fieldContainer--floatingLabel.plugin-be\.ctb\.select2 .t-Form-labelContainer .t-Form-label {top: -1.2rem; font-size: 1.1rem}
.t-Form-fieldContainer--floatingLabel.plugin-be\.ctb\.select2 .apex-item-select.select2.select2-container {border-radius: 2px; border: 0.1rem solid #dfdfdf; padding-right: 8px !important}

Answer 2

Вы можете использовать плагин Select2 с универсальной темой, но текущая версия не работает с шаблонами элементов "Необязательно - Плавающий" / "Обязательный - Плавающий".

Я всегда использую либо шаблоны "Необязательные" / "Обязательные" (с меткой, показанной слева от элемента), либо шаблоны "Необязательные - вверху" / "Обязательные - вверху".

Кроме того, я всегда считаю, что мне нужно установить атрибут плагина Width, чтобы он выглядел нормально.