光沢のあるアプリでbsModalの背景を変更する

Marcel Wojtyniak

私はShinyアプリを開発していますが、アクションボタンがいくつかあるため、エンドユーザーが誤ってbsModalを閉じないようにする必要があります。私はいくつかの調査を行い、背景とキーボードのパラメーターを上書きする必要があることを学びましたが、いくつかの提案を見たとしても、これがコードのどこにある必要があるのか​​正確にはわかりません。私はJavaScriptに精通しておらず、Shinyを初めて使用するため、簡単な作業のように感じますが、これを正しく行うことはできません。

誰かがそれを必要とする場合に備えて、ボタンを押した後にモーダルウィンドウを開くダミーコードを次に示します。誤って背景をクリックしたり、escを押したりして、ユーザーが閉じないようにする必要があります。

    library(shiny)
    library(shinyBS)

    ui <- fluidPage(

      sidebarLayout(

        sidebarPanel(
            actionButton("go", "Go")
            ,bsModal("window", "Window", "go"
                    ,textOutput("print"))
          )
        ,mainPanel()
      )

    )

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

      output$print = renderText("This is a test")

    }

    shinyApp(ui, server)

私はこれらの2つのスレッドで提供されるソリューションを組み合わせようとしました:

`bsModal`ウィンドウの` Close`ボタンを非表示/無効にする方法はありますか?

外側をクリックしたり、エスケープを押したりしたときにBootstrap Modalが消えないようにしますか?

このようなことを(いくつかの異なる組み合わせで)行うために、しかしそれは実際には機能しませんでした:

            actionButton("go", "Go")
            ,bsModal("window", "Window", "go"
                    ,textOutput("print")
                    ,tags$head(tags$style("#window .modal{backdrop: 'static'}")))
          )

どんな助けでも本当にありがたいです!

オラキャスター

これはそれを行います:

bsModalNoClose <-function(...) {
  b = bsModal(...)
  b[[2]]$`data-backdrop` = "static"
  b[[2]]$`data-keyboard` = "false"
  return(b)
}

次に、ヘッダーとフッターを閉じて、そこで閉じないようにすることもできます。

bsModalNoClose("window", "Window", "go"
               ,textOutput("print"),
               tags$head(tags$style("#window .modal-footer{display:none}
                                             .modal-header{display:none}")))

この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。

侵害の場合は、連絡してください[email protected]

編集
0

コメントを追加

0

関連記事

分類Dev

光沢のあるアプリの背景色を変更するには、cssファイルを追加するだけです。

分類Dev

光沢のあるアプリのvalidate()でテキストの色を変更する

分類Dev

光沢のあるアプリのselectizeInputで境界線の影の色を変更します

分類Dev

Rの光沢のあるアプリでelseを使用する

分類Dev

光沢のあるアプリで親URLを取得する方法

分類Dev

Windowsで光沢のあるアプリをホストする

分類Dev

光沢のあるtryCatchで反応値を変更する

分類Dev

光沢のあるスクリプトでCSSをプログラムで変更する

分類Dev

光沢のあるアプリのランドソンテーブルで他のセルの変更に基づいてセルを変更します

分類Dev

r光沢のあるtextAreaInputの背景色を変更するにはどうすればよいですか?

分類Dev

光沢のある: 光沢のあるアプリにリアクティブ バーを追加する方法

分類Dev

光沢のあるアプリで棒グラフの棒のサイズを変更するにはどうすればよいですか?

分類Dev

Rの光沢のあるアプリで星を評価する

分類Dev

光沢のあるアプリでfileInputをリセットする

分類Dev

光沢のあるアプリで選択リストを動的に更新する

分類Dev

bsmodal光沢のあるRを開く方法

分類Dev

光沢のあるアプリでモーダルでdataTableOutputを表示する

分類Dev

光沢のあるアプリでggvisを使用して散布図を作成する

分類Dev

光沢のあるアプリで変数を動的に選択してスケーリングする

分類Dev

Rの光沢のあるアプリからチャートを動的に変更するにはどうすればよいですか?

分類Dev

光沢のあるアプリでHTMLファイルを表示する

分類Dev

光沢のあるアプリでMutationObserveを正しく使用する方法

分類Dev

光沢のあるアプリでMutationObserveを正しく使用する方法

分類Dev

光沢のあるアプリで不要な負荷を回避する

分類Dev

光沢のあるアプリの入力値を `actionButton`で更新します

分類Dev

データセットが変更されると、光沢のあるアプリで列名を動的に表示するとエラーが点滅します

分類Dev

光沢のあるアプリでプロット警告を抑制します

分類Dev

光沢のあるアプリでのggvisプロットの動的なサイズ変更

分類Dev

光沢のあるアプリ内でデータと入力を渡す

Related 関連記事

  1. 1

    光沢のあるアプリの背景色を変更するには、cssファイルを追加するだけです。

  2. 2

    光沢のあるアプリのvalidate()でテキストの色を変更する

  3. 3

    光沢のあるアプリのselectizeInputで境界線の影の色を変更します

  4. 4

    Rの光沢のあるアプリでelseを使用する

  5. 5

    光沢のあるアプリで親URLを取得する方法

  6. 6

    Windowsで光沢のあるアプリをホストする

  7. 7

    光沢のあるtryCatchで反応値を変更する

  8. 8

    光沢のあるスクリプトでCSSをプログラムで変更する

  9. 9

    光沢のあるアプリのランドソンテーブルで他のセルの変更に基づいてセルを変更します

  10. 10

    r光沢のあるtextAreaInputの背景色を変更するにはどうすればよいですか?

  11. 11

    光沢のある: 光沢のあるアプリにリアクティブ バーを追加する方法

  12. 12

    光沢のあるアプリで棒グラフの棒のサイズを変更するにはどうすればよいですか?

  13. 13

    Rの光沢のあるアプリで星を評価する

  14. 14

    光沢のあるアプリでfileInputをリセットする

  15. 15

    光沢のあるアプリで選択リストを動的に更新する

  16. 16

    bsmodal光沢のあるRを開く方法

  17. 17

    光沢のあるアプリでモーダルでdataTableOutputを表示する

  18. 18

    光沢のあるアプリでggvisを使用して散布図を作成する

  19. 19

    光沢のあるアプリで変数を動的に選択してスケーリングする

  20. 20

    Rの光沢のあるアプリからチャートを動的に変更するにはどうすればよいですか?

  21. 21

    光沢のあるアプリでHTMLファイルを表示する

  22. 22

    光沢のあるアプリでMutationObserveを正しく使用する方法

  23. 23

    光沢のあるアプリでMutationObserveを正しく使用する方法

  24. 24

    光沢のあるアプリで不要な負荷を回避する

  25. 25

    光沢のあるアプリの入力値を `actionButton`で更新します

  26. 26

    データセットが変更されると、光沢のあるアプリで列名を動的に表示するとエラーが点滅します

  27. 27

    光沢のあるアプリでプロット警告を抑制します

  28. 28

    光沢のあるアプリでのggvisプロットの動的なサイズ変更

  29. 29

    光沢のあるアプリ内でデータと入力を渡す

ホットタグ

アーカイブ