изменить размер шрифта dateinput - PullRequest
0 голосов
/ 01 июня 2018

Как изменить размер шрифта элемента dateInput

 dateInput("MyDate", "Date:", value = "2018-01-01"),

Я использую

shinyUI(navbarPage(
                   tags$head(
                     tags$style(HTML("
                                     @import url('//fonts.googleapis.com/css?family=Lobster|Cabin:400,700');

                                     .selectize-input { font-size: 12px; line-height: 14px;} 
                                     .selectize-dropdown { font-size: 12px; line-height: 14px; }
                                     .input-sm {font-size: 12px; } 

                                     "))
                     ),tabPanel("MyPanel",
                         column(1,
                                 wellPanel(


                                   dateInput("MyDate", "Date:", value = "2018-01-01"),

Ответы [ 3 ]

0 голосов
/ 01 июня 2018

Простым решением является изменение метки h_ в коде, например, h1, h2, h3 .... и так далее.

dateInput("MyDate", label = h2("My Date"), format="mm-dd-yyyy",value = "2018- 
01-01")

В этом аргументе вы также можете контролировать width=

0 голосов
/ 11 августа 2019

Ну, прошло много времени, может быть, все-таки кто-то найдет это полезным, мне удалось достичь желаемого результата, используя tags$head и tags$style и указав на конкретный ввод его id:

    tags$head(
     tags$style(HTML("#MyDate [type = 'text'] {fontsize:12px;height:14px;}"))
    )

По сути, вы меняете формат входных данных, ограничивая диапазон затрагиваемых элементов, указывая конкретный идентификатор (#MyDate), тем самым решая проблему, о которой упоминал bk18.

Я самтолько начали изучать Shiny, так что это может быть не самое эффективное и элегантное решение.

0 голосов
/ 01 июня 2018

В ваших тегах попробуйте:

tags$head(
  tags$style(
    ".form-control {font-size: 2em !important;}"
  )
)

Это сделает весь вводимый текст огромным.Интересно, что все входные данные совместно используют один и тот же класс в соответствии с css, и изменение класса контейнера столбца, похоже, не работает.Мой ответ выше должен работать, но он не будет зависеть от даты ввода.Я постараюсь решить это, а пока попробуйте выше!

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...