Listbox WidgetNew
Select inputs are commonly used in Shiny for creating dropdown menus. Select inputs are easy to use, but they are not easy to style using CSS. An alternative solution is the listbox widget.
htmljavascript
Creating Internal LinksPopular
The app shiny-links replaces the previous examples on creating links to tabs and panels in shiny apps. I rewrote the previous method using a functional component and a Shiny Input Binding.
javascript
Setting Document Attributes
When evaluating Shiny applications in terms of web accessibility, assessment tools will always throw an error: 'Document language missing'. Shiny does not set this attribute and others like it by default. In this tutorial, we will learn how to fix this.
jsa11y
Get Window Dimensions
Learn how to retrieve window dimensions and use them in the Shiny server. You probably will never need to use window dimensions in R, but this tutorial demonstrates how to send data from JavaScript to R.
javascript
Drag and Drop ExampleFavorite
Drag and drop elements may be useful for advanced user interactivity. You can use draggable elements in many situations, such as allowing users to personalize the UI. In this tutorial, learn how to create a draggable element and the required javscript events.
javascriptinteractivity
Leaflet Busy Element
The leaflet package in R is great package for creating interactive maps in shiny. However, if you are using larger datasets or running a lot of server-side jobs, it may take some time for the leaflet map to render and update. Displaying progress indicators can improve the user experience by reassuring the user when something is happening and how long it might last.
leaflethtmlwidgets
shinyTravelFavorite
For the 2020 shiny apps contest, I developed an app that provides travel recommendations based on your preferences for coffee, breweries, and museums. This app demonstrates how to create a custom shiny framework and integrate non-R/non-shiny tools into the development process.
contest
Shiny and CSS Preprocessors
Managing css can become difficult as projects grow and new features are added. Using a css preprocessor brings many helpful features for writing and managing css. In this tutorial, learn how to use SASS in your shiny applications.
cssscss
Responsive Datatables
Data tables are a good method for displaying data on the web. However, this can lead to issues of content overflows on mobile devices or if the browser is resized. In this tutorial, we will learn how to create a responsive table for use in shiny.
htmlcss
Creating Custom Inputs
There isn't a time input in the shiny framework. A time input element is useful for data entry shiny apps or if you need to filter data by hour or minute. In this example, learn how to create a custom time input component using Shiny input bindings.
javascript
Custom Select Inputs
For some apps, you may need to style the selectInput widget. Styling the element can be tricky. Learn how to use standard html elements and css to create your own input.
csshtml
Using Rmarkdown files in ShinyPopular
Rmarkdown is perfect for shiny applications. If you have set content that needs to update when a new selection is made, you can pass parameters from your ui and server into a Rmd template.
rmarkdown
Getting started with JavaScript handlers
Learn how to add custom js functions for more interactivity in shiny apps. In this example, we will create a dark and light theme toggle and learn how to save the user preferences for later use.
javascript
How I structure my shiny projects
Over the years, I developed a standard project structure that works well with developing shiny applications. See how I structure projects and view my shortcuts for getting projects up and running.
workflow
Linking Tabs - Part 3
Okay. I have created custom navigation. What if my app has multiple pages with tabs. How do I go to a specific tab on another page?
javascript
Linking Tabs - Part 2
Now that I created custom links, what can I do with them? How about adding them in a leaflet popup?
javascriptleaflet
Linking Tabs - Part 1
Creating links to other pages in your shiny app can be challenging as ids are overwritten each time a shiny app launches. Instead, we will learn how to create new links using javascript.
javascript
Landing Page
Are you tired of the same start up pages? Learn how to create a cool landing page. This demo was inspired by a post on community.rstudio.com.
css
Login Screen
In my app, I want to set up some sort of user authentication where certain groups can see some pages and some groups can see all pages. Can I do this in shiny? Yes! Here's how to do it.
access-control
Data Editor
Have you ever wanted to edit data in a shiny app? Learn how to build a shiny app for editing data and saving changes to file, and then reloading the changes into your app.
rhandsontable
No tutorials were found