Summary

The site randomly shows "0" for images inserted via st.image() and MediaFileManager logs "Missing file".

More information

I have a couple of jpg images embedded with st.image() and randomly they will not render, instead there will just be a 0 shown instead. Reloading the page or rerunning the code fixes the problem. When I reload the page often enough one ore several of the images will break again and just show a 0.

In the terminal with --log_level error I receive

MediaFileManager: Missing file d8a7ff62725a8ab1609c9335ba2e85375f491027d91b3badb27a6ccd

In my complex multi-page streamlit app this happens very often, if I reload the page two or three times, one out of five images is likely broken. The simpler toy example below takes much longer to show the undesired behaviour, but it does so fairly consistently.

Steps to reproduce

Run this code (ideally with --log_level error):

import streamlit as st
if st.checkbox('checkbox'):
    st.image("foo.jpg")

Toggle that checkbox repeatedly (this method is quicker than reloading the page) and look at the console output. Maybe rerun the code once in a while. (Of course you need to put any jpg image named "foo.jpg" in the same folder).

Actual behaviour

Sooner or later (5-50 clicks) the image will not be shown. Instead, in its place a 0 appears. A "MediaFileManager: Missing file" error is shown in the terminal.

Expected behaviour

Images should always be shown.

Debug info

• Streamlit version: 0.57.1
• Python version: 3.6.9

Issue: Issue #798 #302 #1098 This PR is proposing a simple change to add capability to set and get current query strings from browser URL in user's browser tab (without triggering a navigation event!). By introducing this feature to st.experimental namespace, a Streamlit user can easily bookmark an application using query strings and reopen the application else where and render all states using the query strings!

Demo Feature: :one: User can call st.experimental_set_query_params => to set query params for current browser tab

Example

• If user’s current browser tab is http://localhost:3000 and user called st.experimental_set_query_params( checkbox1=True, multiselect2=2 ), the user’s browser tab will become http://localhost:3000/?checkbox1=true&multiselect2=2 and this will NOT cause a redirect action.

:two: User can call st.experimental_get_query_params => _to get the current query strings as a dict {"checkbox1": "true", "multiselect2=2"} Example Usage from above demo

import streamlit as st

st.title("Experimental: Play with Query Strings!")

app_state = st.experimental_get_query_params()
app_state = {k: v[0] if isinstance(v, list) else v for k, v in app_state.items()} # fetch the first item in each query string as we don't have multiple values for each query string key in this example

# [1] Checkbox
default_checkbox = eval(app_state["checkbox"]) if "checkbox" in app_state else False
checkbox1 = st.checkbox("Are you really happy today?", key="checkbox1", value = default_checkbox)
app_state["checkbox"] = checkbox1
st.experimental_set_query_params(**app_state)
st.markdown("")


# [2] Radio
radio_list = ['Eat', 'Sleep', 'Both']
default_radio = int(app_state["radio"]) if "radio" in app_state else 0
genre = st.radio("What are you doing at home during quarantine?", radio_list, index = default_radio)
if genre:
    app_state["radio"] = radio_list.index(genre)
    st.experimental_set_query_params(**app_state)
st.markdown("")


# [3] Text Input
default_title = app_state["movie"] if "movie" in app_state else ""
title = st.text_input('Movie title', value = default_title)
app_state["movie"] = title
st.experimental_set_query_params(**app_state)

Contribution License Agreement

By submiting this pull request you agree that all contributions to this project are made under the Apache 2.0 license.

Problem

Sometimes it's nice to be able to specify a file on the command line.

Solution

A file picker!

MVP

The file picker can be called as follows:

with st.file_input() as input:
  if input == None:
    st.warning('No file selected.')
  else:
    file_contents = input.read()

Possible additions

Down the line, we could imagine keyword args for filetypes and folder selection.

Sometimes I want to show the user that a piece of UI exists, but is currently disabled until some condition is met. For example:

• a "Submit" button that gets enabled when some text inputs have reasonable form data
• A slider that's only enabled when a checkbox is clicked

It would be useful if each widget function took an optional "enabled" flag.

Problem

I am building a small labeling too where I read in an example, the user will select labels from a list of check boxes and click submit in order to save the labels, when they submit a field in the data for it being labeled is added so in the next read it skips that example. The problem is that the submit button will cause a rerun where the labels are collected and saved but it doesn't cause another re-run that will cause the data to be reread (this will move the app on to the next question)

Solution

I think a solution would be a st.rerun() function that you can call to reexecute the script from the top. In my cause this would be called after my save and trigger a re-read. Basically it would do the same thing I am currently using a second Next button for but remove the need for user interaction.

Problem

Streamlit should support horizontal layout.

Use Case 1

zhun_t wanted to display images side-by-side.

(Note that in the special case of images, we already have limited support for this by passing an array of images into st.image.)

Use Case 2

In our old repo, @kellyamanda asked for the following:

I would like to be able to put a bunch of widgets horizontally next to each other. Almost like setting up st.table - I would ideally want to specify how many "spaces" or "cells" I have layered across and then in code from top to bottom, specify what goes where from right to left.

Basically I want to make a grid and from that grid put the widgets (or text or other elements) where I want in that grid.

Note To Users

This feature is in design right now, please add comments to this issue describing your use case to help us design this feature properly!

I've tried to install it in a MAC using PIP and PIP3 and I get the same error:

Command "/usr/local/opt/python/bin/python3.7 -u -c "import setuptools, tokenize;file='/private/var/folders/0s/rkvsfhzn2930_3902mpks9lm0000gn/T/pip-install-3cscl6kq/watchdog/setup.py';f=getattr(tokenize, 'open', open)(file);code=f.read().replace('\r\n', '\n');f.close();exec(compile(code, file, 'exec'))" install --record /private/var/folders/0s/rkvsfhzn2930_3902mpks9lm0000gn/T/pip-record-qr49cvd0/install-record.txt --single-version-externally-managed --compile" failed with error code 1 in /private/var/folders/0s/rkvsfhzn2930_3902mpks9lm0000gn/T/pip-install-3cscl6kq/watchdog/

I'm using: macOS Mojave 10.14.5

Summary

Streamlit started giving 404: Not Found and no longer wants to work.

Steps to reproduce

Added the multiselect example to my code:

options = st.multiselect(
    'What are your favorite colors',
    ('Yellow', 'Red')
    ('Green', 'Yellow', 'Red', 'Blue'))
st.write('You selected:', options)

Expected behavior:

To get an app with a working multiselect

Actual behavior:

App gives 404: Not Found and nothing I do wants to make it work again.

Is this a regression?

yes

Debug info

Streamlit version: 0.47.2 Python version: 3.7.1 Using Conda? PipEnv? PyEnv? Pex? pip on WinPython OS version: Windows 10 version 1903 Browser version: Firefox 69.0

Additional information

Tried changing the port, enabling debugging, killing the console and restarting. Not running jupyter-lab. Removing the multiselect code. Tried using http://localhost:8501/?a=1. Tried http://192.168.1.34:8501. Seems to be caching and always just returning the 404.

Hi folks,

Please, consider the MWE below:

import streamlit as st
import pandas as pd

with st.form(key='form1'): 
   user_input = st.text_input("Insert text")
   submit = st.form_submit_button("Submit")

if submit:    
  st.warning("This part should not be lost after clicking the download button!")  
  st.write(user_input) 
   
   # Save dataframe as a .csv file
   df = pd.DataFrame({"v1": [1,2,3]})    
   file_name = "df.csv"
   file_path = f"./{file_name}"
   #
   df.to_csv(file_path)   
   # Create Download Button
   file_bytes = open(file_path, 'rb')
   st.download_button(label='Click to download',
                       data=file_bytes, 
                       file_name=file_name,
                       key='download_df')
   file_bytes.close()

Problem

st.download_button() reruns the entire page, erasing everything that was opened after clicking "Submit". This behavior can be problematic, specially for applications that use st.form() like this one.

Solution

Having an option in st.download_button() to not rerun anything would be really great.

Thank you

I want to be able to do, e.g.

st.button("Do *not* click this button!")

And have the button text rendered in markdown formatting.

Community voting on feature requests enables the Streamlit team to understand which features are most important to our users.

If you'd like the Streamlit team to prioritize this feature request, please use the 👍 (thumbs up emoji) reaction in response to the initial post.

https://github.com/streamlit/streamlit/issues/120

Example:

file_png = st.file_uploader("Upload a PNG image", type=([".png"]))

if file_png:
    file_png_bytes = st.file_reader(file_png)
    st.image(file_png_bytes)

Bumps mheap/github-action-required-labels from 2.2.3 to 3.0.0.

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Streamlit documentation uses a treeview navigation component in the sidebar. Therefore, it's undeniably a useful component. However, it doesn't seem to be available in streamlit or third party. I do see something close in github, a checkbox treeview. Also, there's a menu navigation component but it's not in the sidebar and vertical. The component should be same as the documentation component -- expandable (+) and able to navigate to new pages.

Problem

st.download_button has a parameter data for the data to be downloaded, but this requires the data to be generated when the button is defined. This is not very efficient if the user doesn't use the download button: the data is generated and held in memory, but it is never used.

I'm working on an app where that generates a DataFrame (based on data uploaded by the user) and I want to offer the option to download this DataFrame as a CSV file. I expect that most of the time users won't download the file, though, they'll just look at the data in the app. In such cases, there's no need to generate the CSV data (and consume memory in the process).

Solution

Conceptually the best way, I think, would be to allow the data parameter to be a function that generates the data to be written, and to call that function only if the download button is clicked.

Additional context

Note that this issue is not the same as issue #4382, (although I guess it is somewhat related).

There is a workaround to this issue in the forums, but IMHO it's not ideal, because it requires the user to click two buttons: one to generate the file to be downloaded, and a second one to actually download it.

Community voting on feature requests enables the Streamlit team to understand which features are most important to our users.

If you'd like the Streamlit team to prioritize this feature request, please use the 👍 (thumbs up emoji) reaction in response to the initial post.

Checklist

• [X] I have searched the existing issues for similar issues.
• [X] I added a very descriptive title to this issue.
• [X] I have provided sufficient information below to help reproduce this issue.

Summary

The left-side label of select_slider widget overflows when in 'range' mode. Right-side label seems to work correctly.

Reproducible Code Example

import streamlit as st

st.title("The left-side label of select_slider widget overflows when in 'range' mode")

with st.expander('Settings'):

    first_value,last_value = st.select_slider(
        label='Range select_slider (notice that left-side label overflows)',
        options=['Maradona','Ronaldo','Pele','Messi'],
        value=['Maradona','Pele']
        )

    single_value = st.select_slider(
        label='Normal select_slider (notice that left-side label works correctly, i.e. does not overflow)',
        options=['Maradona','Ronaldo','Pele','Messi'],
        value='Maradona'
        )

Steps To Reproduce

1. Run the example app.
2. Notice that the left-side label of the select_slider overflows when in 'range' mode, but works correctly when in normal mode.

Expected Behavior

Left-side label of select_slider widget should not overflow beyond widget under any circumstance.

Debug info

• Streamlit version: 1.16.0
• Python version: 3.10
• Operating System: macOS
• Browser: Brave
• Virtual environment: conda

📚 Context

Using yarn-deduplicate to deduplicate frontend packages. Leaving resolutions as potential TODO after completing minor/major version bumps.

• What kind of change does this PR introduce?
  • [x] Refactoring

🧠 Description of Changes

• Remove duplicate packages & reduce build size (hopefully)

Contribution License Agreement

By submitting this pull request you agree that all contributions to this project are made under the Apache 2.0 license.