ShinyJS: hiding in a modal

[Vladislav Fridkin]

Is there a way to hide input elements in a modalDialog?

When trying to hide an input element in a modalDialog, the entire modal window gets hidden instead.

 

[Dean Attali]

I'm the author of shinyjs - I just took a look and from what it seems it appears to be a bug in shiny. I opened an issue on github https://github.com/rstudio/shiny/issues/1427

[bar...@rstudio.com]

As Dean said, there appears to be something wrong with Shiny if you use `el.trigger("hidden")`. I'm looking into that. However, `el.hide()` works as expected. Maybe this solves your problem..?

[Vladislav Fridkin]

Thanks Bárbara, the shinyJS command for hiding the element that I am using is:

hide('myID')

And it hides the entire modal.  The element is introduced in a modalDialog with:

fileInput('myID', 'Input File')

I've tried

runjs("document.getElementById('myID').hide()")

and it didn't work.  How do I apply `el.hide()`?

[Bárbara Borges]

Hi Vladislav,

Actually, I think this may be solved in Shiny's latest devel version. Try installing that and running your original code. Let me know if it doesn't work.

Also `hide()` is a JQuery method, so if you're just using vanilla JS, you can do: `document.getElementById('id').style.display = 'none';`

If you're using JQuery, then you can do: `$('#id').hide();`

Hope you get that working!

Barbara