Настройка блестящего макета

Я создал минимальный пример (можно редактировать напрямую онлайн). У меня есть несколько очень маленьких вопросов, как настроить его, чтобы он выглядел лучше.

  1. Прежде всего, как установить высоту 100%? Проблема заключается в выборе «категории», который находится «внутри» внешнего поля.

  2. Как избавиться от этих границ вокруг внешней коробки. Что помогло на одной странице, так это ui.tags.style(ui.HTML(".bslib-sidebar-layout .sidebar { border: 0px; }")),

  1. Поскольку я следую одной и той же структуре страницы на каждой странице, как я могу установить как 1, так и 2 глобально?

Спасибо заранее!

Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
0
51
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Я бы сказал, что это очень просто: если вы знаете имя целевого класса CSS, вы можете использовать Global Styling.

Вот пример применения глобального стиля к блестящему компоненту ui.page_fluid, где все размещается в блестящем приложении:

Надеюсь, это поможет!

Спасибо за ответ! Помогает. Как бы вы это реализовали, если бы у вас были такие страницы, как /foo и /boo. Как бы вы применили это «глобально» в этом случае? Повторение кода?

abe 25.09.2023 17:33

@abe Я бы использовал вкладки для реализации разных страниц без необходимости создания маршрутов для каждой страницы, но это зависит от варианта использования приложения и его сложности. Что касается стиля, я бы использовал отдельный CSS-файл, например здесь, для гибкости, возможности повторного использования и применения лучших практик в отношении структуры проекта.

pevolution-ahmed 26.09.2023 05:17

да! это решило проблему! Спасибо! мне нужно использовать маршрутизацию. у вас случайно не возникла идея, как создать боковую панель? Фреймворк предлагает боковую панель (Shiny.posit.co/py/api/ExSidebar.html), но как мне заполнить ее страницами и навигацией?

abe 26.09.2023 13:06

Я нацелен на что-то вроде этого rstudio.github.io/shinydashboard (но для этого есть пакеты Python — по крайней мере, я не смог их найти)

abe 26.09.2023 16:34

@abe Вы определенно можете достичь аналогичных результатов, используя начальные классы, такие как здесь , если приложите к этому некоторые усилия. Я не могу поделиться этим здесь из-за ограничений по количеству символов, но вы можете начать с nav_list в блестящем цвете, чтобы отображать контент в зависимости от выбора боковой панели.

pevolution-ahmed 27.09.2023 17:53

это было бы действительно здорово. Я создал тикет, не могли бы вы привести пример. Думаю, это будет полезно многим новичкам (stackoverflow.com/questions/77195758/…)

abe 28.09.2023 16:10

@abe, ты знаешь, что было бы лучше, задать это самой блестящей команде, пока они разрабатывают фреймворк, у нас есть сообщество в раздоре discord.gg/rtzZzPeC не стесняйтесь присоединяться к нам и задавать любые вопросы, которые у вас есть.

pevolution-ahmed 28.09.2023 17:41

Ах вау! не знал этого! Спасибо! Я присоединюсь, иначе буду спамить stackoverflow

abe 28.09.2023 17:58

Другие вопросы по теме