flexdashboard icon indicating copy to clipboard operation
flexdashboard copied to clipboard

Application errors only when in mobile width (storyboard)

Open paulditterline opened this issue 9 years ago • 5 comments

Hello-

I built an application in order to learn flexdashboard. My app is viewable here.

The app functions normally in a computer browser, but only the first chart is viewable when on mobile, and several errors pop. You can see the behavior by loading the app in a computer browser (it works great), and then lower the page's width until it shifts into mobile mode (everything but the first chart breaks).

I've even included the {.no-mobile} tag on all sections but the first one, and it doesn't seem to matter.

This is my first ever issue submission, please excuse any protocol I may not have followed.

Paul

paulditterline avatar May 29 '16 11:05 paulditterline

The best way to get an issue resolved quickly is to provide a minimal working example (https://en.wikipedia.org/wiki/Minimal_Working_Example). This is basically the smallest fragment of code you can create that exhibits the problem. This should be standalone (i.e. doesn't require your local files/data to run). Once you have the code you can create a Gist from it (https://gist.github.com/) then post a link to it here.

On Sun, May 29, 2016 at 7:34 AM, PDitty [email protected] wrote:

Hello-

I built an application in order to learn flexdashboard. My app is viewable here https://paulditterline.shinyapps.io/Louisville_Salaries/l.

The app functions normally in a computer browser, but only the first chart is viewable when on mobile, and several errors pop. You can see the behavior by loading the app in a computer browser (it works great), and then lower the page's width until it shifts into mobile mode (everything but the first chart breaks).

I've even included the {.no-mobile} tag on all sections but the first one, and it doesn't seem to matter.

This is my first ever issue submission, please excuse any protocol I may not have followed.

Paul

— You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub https://github.com/rstudio/flexdashboard/issues/40, or mute the thread https://github.com/notifications/unsubscribe/AAGXx4bA3jwTNCgP54TcKnqM6ZQcmyCsks5qGXnagaJpZM4IpRU_ .

jjallaire avatar May 29 '16 18:05 jjallaire

Here is an example. The code only produces errors when in mobile format.

https://gist.github.com/paulditterline/25242ff34a44ee0ceb1457125544b15a

paulditterline avatar May 29 '16 19:05 paulditterline

The problem is that you are attempting to put Shiny components in the side text column of a storyboard panel (that's not supported). If you remove this line then there are no errors:

https://gist.github.com/paulditterline/25242ff34a44ee0ceb1457125544b15a#file-flexdashboard_mobile_fail-L82

On Sun, May 29, 2016 at 3:31 PM, PDitty [email protected] wrote:

Here is an example. The code only produces errors when in mobile format.

https://gist.github.com/paulditterline/25242ff34a44ee0ceb1457125544b15a

— You are receiving this because you commented. Reply to this email directly, view it on GitHub https://github.com/rstudio/flexdashboard/issues/40#issuecomment-222378188, or mute the thread https://github.com/notifications/unsubscribe/AAGXx7d0rnoxHZQYjVV6RdW4M1LEKMVNks5qGel0gaJpZM4IpRU_ .

jjallaire avatar May 30 '16 10:05 jjallaire

Oh, OK. Interesting that it works unless sized mobile.

Thanks! Maybe I have a feature request now :)

paulditterline avatar May 30 '16 11:05 paulditterline

Re-opening as a reminder to try to make this work on mobile as well.

jjallaire avatar May 31 '16 20:05 jjallaire