2017-10-25 9 views
0

私はRが新しく、現在Shinyを使って基本的なアプリケーションを構築しようとしています。私はアイコンを積み重ねる方法を理解しようとしています。ここに私の試みです:スタッキングアイコン - 基本例

library(shiny) 

ui <- fluidPage( 
    h5("Hello there"),           
    br(),              

    actionButton(inputId = "ClickonMe", label = (
    "test stack", 
    icon = icon("commenting","fa-2x", lib = "font-awesome"), 
    icon("ban", "fa-stack-1x", lib = "font-awesome"), 
    span(shiny::icon("fa fa-user-ban")) 
)) 

    mainPanel(verbatimTextOutput("Response_text")) 
) 

server <- function(input,output,session) { } 

shinyApp(ui, server) 

これを自由に無駄に、ここで提案されたソリューションから構成されている:https://github.com/rstudio/shinydashboard/issues/110

私もここに見えたが、私はあまりにもそれを理解することができるように十分に経験していませんよよく: http://fontawesome.io/examples/

禁止アイコンを別のアイコン(この場合は「コメント」)の上に置く方法を理解したいと思います。

私は正しい道にいると誰かが私に説明できますか?そうでない場合、なぜですか?

最終編集 - 元のコードの作業バージョン:

library(shiny) 

    ui <- fluidPage( 
     h5("Hello there"),           
     br(),              

    actionButton(inputId = "ClickonMe", label = div(
    tags$span("test stack"), 
    tags$span(class = "fa-stack", 
       icon("ban", 
        "fa-stack-2x", 
        lib = "font-awesome"), 
       shiny::icon("fa fa-commenting",class = "fa-stack-1x"), style = "color:red" 
    ) 
) 
) 

     mainPanel(verbatimTextOutput("Response_text")) 
    ) 

    server <- function(input,output,session) { } 

    shinyApp(ui, server) 

答えて

0

あなたがアクションボタンの使用のみラベルパラメータに、より複雑なHTMLをしたいとアイコンのパラメータを無視します。ラベルにアイコンを置くことができます

これはあなたがしたいことですか?

actionButton(inputId = "ClickonMe", label = div(
    tags$span("test stack"), 
    tags$span(class = "fa-stack", 
      icon("commenting", 
       "fa-stack-2x", 
       lib = "font-awesome"), 
      shiny::icon("fa fa-user-plus",class = "fa-stack-1x") 
      ) 
) 
), 
+0

私は私の質問とコードを編集しましたので、私と回答しようとしている人の両方にとって明らかになりました。 本当に欲しいのは、「コメント」アイコンの上に「禁止」アイコンを置くことです。それはあなたのソリューションが他を下に置くように思えますか? – Alexou

+0

OK私は、主なポイントはまだラベルにコードを入れて、パラメータのアイコンを無視して理解しています。私はそれに応じてコードを変更しました –

関連する問題