Тому надалі я називатиму це оболонкою, і використовуватиму цей термін на нарадах. Я буду насолоджуватися, коли люди запитуватимуть мене, що це означає, просто щоб я міг показати, наскільки я розумний. Поле “тільки лінія” було замінено на “список, що розкривається, із заливкою”, і, судячи з користувацьких тестів, воно працює краще. Це набагато зручніше для користувача – і в цьому головне.
Hide.bs.dropdownі hidden.bs.dropdownподії мають clickEventвластивість (тільки якщо вихідний тип події — click), яка містить об’єкт події для події клацання. Увімкніть темніші спадні меню, щоб відповідати темній навігаційній панелі або спеціальному стилю, додавши .dropdown-menu-darkдо наявного .dropdown-menu. Не потрібно змінювати елементи спадного списку. Перший – дозволити користувачеві надрукувати відповідь. Степпери також корисні, але я б запропонував використовувати їх тільки в тому випадку, якщо супровідний лист очікується, що буде не більше п’яти варіантів. В іншому випадку ваш бідний користувач буде довго сидіти, клікаючи до 100.
Тепер ви знаєте, як створити і налаштувати спливаюче вікно в Microsoft Excel. Це корисний інструмент, який допоможе вам доповнити дані в таблиці інформативними поясненнями. Нам потрібно використовувати властивість css, яке буде робити пункти меню в одну лінію, але залишить всі інші значення як у блокового елемента. Якщо ми не даємо можливість відразу перейти на підпункт, то користувачеві потрібно буде спочатку відвідати батьківський розділ, а потім тільки в нього вкладений пункт меню.
Наприклад, у цій області можна вказати, що дозволяються лише цілі числа або тексти певної довжини. Ви також можете створювати неінтерактивні спадні елементи за допомогою .dropdown-item-text. Не соромтеся додавати додаткові стилі за допомогою спеціальних CSS або текстових утиліт. Оболонка – це коли поле має нестандартний вигляд, але, коли ви натискаєте на нього, воно використовує нативний стиль списку, що розкривається. Це простий спосіб зберегти стиль сторінки відповідно до вашого бренду і знизити вартість розробки. Це також допомагає вирішити проблеми UX, які можуть виникнути з кастомними полями введення.
Випадаючі списки розташовуються завдяки Popper.js (за винятком випадків, коли вони містяться на панелі навігації). Тепер відкрийте саму першу вкладку «Параметри» і виберіть «Список» в переліку типу даних. Використовуйте data-offsetабо data-reference, щоб змінити розташування спадного списку. Виберіть усі поля, що містять значення для списку вибору. Наступні кроки описують процес у версії Excel 2016.
А потім клацаємо даними, дуже зручно швидко, код обробника. Випадаючий список навігайного меню https://wizardsdev.com/ актуален, коли у нас є підпункти одного або декількох пунктів меню і ми хочемо щоб користувач швидше міг їх побачити. Запускайте спадні меню ліворуч від елементів, додаючи .dropleftдо батьківського елемента. Запускайте спадні меню праворуч від елементів шляхом додавання .droprightдо батьківського елемента. Виберіть пункт “Список”, щоб можна було створити випадаючий список.
За замовчуванням спадне меню автоматично розташовується на 100% від верхнього краю та вздовж лівого боку випадаюче меню батьківського меню. Додайте .dropdown-menu-rightдо a, .dropdown-menuщоб вирівняти спадне меню праворуч. Якщо можливо, постарайся уникати цього типу списків. Мені довелося використовувати його через шалено довгий перелік категорій, і я все ще прокидаюся вночі в холодному поту через це рішення. В ідеалі, хотілося б використовувати автодоповнення з автозаповненням.
