STREAMLIT Python TRICKS - make your WEB APP look BETTER in 6 Minutes |Machine Learning| Data Science

[@Avra_b]

Here's my blog post related to this video . Feel free to share your comment! medium.com/@avra42/streamlit-python-cool-tricks-to-make-your-web-application-look-better-8abfc3763a5b

[@lossm333654]

great, thank you

[@Avra_b]

@@lossm333654 You are welcome, I hope it comes handy for you . Cheers !

[@lossm333654]

good job Avra

[@seagal97]

Horizontal radio button hack is very cool. Thanks for the trick Avra.

[@Avra_b]

I’m glad that you liked it and thank you for you feedback :)

[@jorge1869]

Excellent channel!!!, Best regards.

[@Avra_b]

Hi Jorge , thank you ! I’m glad that you are enjoying my videos , do stay in touch :)

[@Piotr__]

great video, it helped me a lot. Thank you!

[@Avra_b]

Glad to hear that Piotr ! Stay in touch and feel free to share your feedbacks 🤗🎈

[@lonebadatel]

Super useful videos buddy keep it up

[@Avra_b]

Thank you Subranjit for your kind words. I’m glad that the videos were useful for you . Let’s stay in touch and please feel free to leave your feedbacks :)

[@jairjuliocc]

Thank You , very useful. Can you explain other ways of use CSS in streamlit?

[@Avra_b]

Hi, thank you for your feedback. I’ll try to do that as well , probably as a blog post if not as a video . Cheers

[@franklinwanderson4316]

Tks bro for your help.

[@Avra_b]

Thank you Franklin for your support . Means a lot 🤗🎈

[@Challseus]

Looks good thank you for you

[@Avra_b]

Hi Challseus ! Thank you for your feedbacks. 🤗

[@AliAlias]

Good information, Thanks very much Can make video about make streamlit app Responsive Ui

[@Avra_b]

Thanks ☺️ that’s a great suggestion, I would love to make something on it . Will update you . Stay in touch 🎈🤗

[@sgvani8202]

Is it possible to change font colour instead of text highlight? And also how to set screen size as constant, because when opened in a larger screen, the graphs put in 2 columns were split apart and gives a lot of soafe inbetween. It would be glad if you've any solution to it!! Thank you!!!

[@Avra_b]

Yes possible ! Using columns will fix it . Or set container width

[@tancodes]

wow it really helped me a lot. Can you just make a video on columns and rows in streamlit I mean layouts.

[@Avra_b]

I’m glad that it was useful for you . Sure , I’ll try to emphasize your suggestions in my next videos. Otherwise , please do check my previous videos , where I used Streamlit Coloumns , expander and container - functions for layout , that can be helpful as well to some extend. Cheers

[@abhishekanand5898]

@@Avra_b Yes bro I'm doing but dont know once I am refreshing the homepage it is not adapting the changes...

[@Avra_b]

@@abhishekanand5898 ah that’s it’s unusual, if possible please do share with me your GitHub repo ! Or you can also mention this in Streamlit community post .

[@maivish100]

Hi…. Can we make column header dynamic with color coding in ST. I tried but getting an error there is no feature in ST. Kindly reply

[@Avra_b]

It should be . Streamlit has a new api for that

[@geoffrygeorgemathew3505]

Great Video. Any way to centralise st.button along the horizontal direction?

[@Avra_b]

Hi Geoffry , thanks for your feedback :) I saw your post in the Community Forum, I'm glad that you could figure it out and also shared it with others , Great ! Stay in touch :)

[@geoffrygeorgemathew3505]

@@Avra_b Thanks Avra. Hope it helps. The solution was just two lines of code away. Thanks for sharing the solution to others. 😄

[@Avra_b]

@@geoffrygeorgemathew3505 yes I saw the solution, neat ! :)

[@mansimishra7089]

Hello Bhaiya !! Please make one video on how to add background image in streamlit web app.

[@Avra_b]

Hey Mansi , that’s a great suggestion . I’ll try to make a short video on it and update you . Cheers 🤗🎈

[@nikhileshshah361]

Hey can u show how to make interactive bargraph and line graph using matplotlib and streamlit

[@Avra_b]

Sure that's a great suggestion ! Stay in touch .

[@DittoRahmat]

Hi Avra, What CSS should I write if want to create horizontal button (regular one not radio) ?

[@Avra_b]

Hi ! There are already ready-to-use alternatives, such as - 1. to use the combination of Streamlit syntax - st.coloums and st.button. 2. There’s a Streamlit component - streamlit toggle button github.com/asehmi/streamlit-toggle-buttons-component 3. If you want some markdown implementations- check this video from @Data Professor -kzbin.info/www/bejne/nqCzp4J_f9ulmJo For sure you can write your own component with CSS and JS callbacks. Which will be equivalent to create a separate component. Does these helps ? Let me know and stay in touch 🤗

[@vrkv380]

Hi, I have some questions on streamlit 1) Can we reduce the gap on the header above main title 2) I have state , city and country dropdown in the sidebar. i want to fetch city dropdown values only after state is selected , until then city dropdown should be disabled. likewise country dropdown 3) only after selecting all the required dropdown in the sidebar, i want to displays chart on the main content. every time i change the dropdown values the request is submitted is to the server. Can we stop this ?

[@Avra_b]

Hi ! Possibly these workarounds may work for you . Q1. Please check this link (discuss.streamlit.io/t/how-to-reduce-the-top-blank-area-height-of-streamlit-app/18057) , I found this similar question back in the Streamlit Community Forum - it's more of a CSS implementation. Q2. If I understood your goals, using st.session_state and initialising with st.empty (do refer to the doc ), will come handy and may solve the issue. Let me know how it goes, Goodluck! Avra

[@ki7985]

Hello, can you tell me if its possible to links two streamlit python file,like when click on a button another python file is open

[@Avra_b]

Hi ! Do you mean a multipage option ? Streamlit latest version supports that , try it out :)

[@gauthamsuresh4316]

Bro , i we already have a .streamlit file right? when we download? so shud we create another?. i want to change background colour. i have installed streamlit inside a directory and now it has .streamlit file. my main streamlit python code is in the same directory as .streamlit but wihtin my project folder. so what to do?

[@Avra_b]

Not sure I understand.

[@wgalloPT]

Anyway streamlit has a mousedown event ??

[@Avra_b]

As per my knowledge goes, I don’t think Streamlit has any such built in feature for time being . Cheers , Avra

[@MovieClips14359]

How to add paywall in streamlit web app

[@Avra_b]

Indeed a feature which was asked several times . I’ll be demonstrating such use case soonish using Databutton . Will keep you in the loop

[@MovieClips14359]

Paywall Streamlit content app

[@Avra_b]

Cool , will be .

[@bingolio]

Great Job, THANKS!

[@Avra_b]

Happy to hear :)

[@abhishekanand5898]

Not able to change colour in PyCharm pls help it is not changing...

[@Avra_b]

Hi Abhishek, thank you for your comment ! Can you please be more specific ? Do you mean color theme of your application ?

[@abhishekanand5898]

@@Avra_b yes bro when my copying the theme and then pasting it to config.tml and reloading my local serving it is not adapting the changes..

[@Avra_b]

@@abhishekanand5898 did you create a folder - .streamlit, in the same folder where your Python script for running the app is located . Inside the .streamlit folder , add config.toml file and paste the copied content . This normally works irrespective of the Python IDE you use . Also refer to the streamlit documentation or the tree structure of folder in the video carefully! Cheers

[@Piotr__]

@@Avra_b I also was trying to do it in PyCharm and it didn't work for me in the first attempt. But now It works! If you still have problem try this: 1) make sure, config file has proper name and format. It should be "config.toml" 2) install necessary pyCharm plugins for *.toml format files. 3) restart whole environment and your IDE

[@Avra_b]

@@Piotr__ apologies for my late response, probably I missed your solution here . Probably this will solve the issue .Thank you again @Piotr .Stay in touch and keep helping the community 🤗🎈