Существует ли полный список атрибутов и свойств для слайдера Shiny по умолчанию? - PullRequest
Новая
       60

Существует ли полный список атрибутов и свойств для слайдера Shiny по умолчанию?

0 голосов
/ 23 февраля 2019

Shiny использует ионный слайдер .Я понял, как изменить некоторые его атрибуты.Приведенный ниже код изменяет цвет кнопки и цвет фона надписи над кнопкой, а также удаляет ползунок.Мне нужно внести дополнительные изменения, но я не уверен, какие другие атрибуты слайдера я могу изменить - и как на них следует ссылаться.

Есть ли полный список атрибутов этого слайдера (например, ".irs-слайдер ") а их свойства?(Например, для атрибута .irs-slider: "width"; "height"; "top"; "background" и т. Д.)

Обновление : GJPLatten предложение правой кнопкой мыши щелкнуть ползунок в браузере и выбрать «Проверить элемент» сохранило мой день.Тем не менее, я по-прежнему заинтересован в поиске исчерпывающего списка имен атрибутов и свойств, который также предоставляет описательную информацию, поскольку с ним было бы легче ориентироваться и работать с ним.

Modified Shiny slider

library(shiny)

ui <- fluidPage(
  sliderInput("default",
              "Default slider",
              min = 0,
              max = 50,
              value = 20),
  sliderInput("modified",
              "Modified slider",
              min = 0,
              max = 50,
              value = 20),
  tags$style(type = "text/css",
             HTML(".js-irs-1 .irs-slider { width: 8px; height: 20px; top: 20px; background: green }",
                  ".js-irs-1 .irs-bar { display: none }",
                  ".js-irs-1 .irs-bar-edge { display: none }",
                  ".js-irs-1 .irs-single { color: black; background: transparent }"))
)

server <- function(input, output) {
}

shinyApp(ui = ui, server = server)

1 Ответ

0 голосов
/ 23 февраля 2019

Все части функции HTML () - это css.В W3schools есть отличный учебник по этому адресу: https://www.w3schools.com/css/default.asp.. Вы можете получить имя элемента, щелкнув правой кнопкой мыши на элементе в вашем браузере и щелкнув по элементу проверки.

...