question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Horizontal layout

See original GitHub issue

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!

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Reactions:47
  • Comments:33 (7 by maintainers)

github_iconTop GitHub Comments

21reactions
superajacommented, Oct 2, 2019

Use Case 3:

Maybe similar to @kellyamanda

Build an “Interactive Dashboard” using something more general like a bootstrap Grid layout where in addition to widgets and images, I can also put in multiple charts.

16reactions
jsmar17commented, Feb 26, 2020

@treuille @tvst Hi Fellas! Been pretty quiet on this issue recently, any update on the planning/release for this?

Read more comments on GitHub >

github_iconTop Results From Across the Web

VerticalLayout and HorizontalLayout | Layout Components
VerticalLayout and HorizontalLayout are ordered layouts for laying components out either vertically or horizontally, respectively.
Read more >
UI toolkit: Horizontal layout - IBM
Creates a section that contains views arranged horizontally, side by side. When the view is bound to a list, the horizontal section repeats...
Read more >
Master Vaadin VerticalLayout and HorizontalLayout - YouTube
In this tutorial, Marcus Hellberg teaches you everything you need to know about Vaadin Flow's VerticalLayout and HorizontalLayout.
Read more >
27 Horizontal Layout ideas - Pinterest
Apr 25, 2016 - Explore Aya Hachigo's board "Horizontal Layout" on Pinterest. See more ideas about layout, book design, layout design.
Read more >
Horizontal Layout - Salient Process, Inc.
The Horizontal Layout section is used to hold content inside it horizontally (stacked next to each another). Note that this control can be ......
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found