The EASIEST way to insert a NAVIGATION into your Streamlit app

  Рет қаралды 100,213

Coding Is Fun

Coding Is Fun

Күн бұрын

Пікірлер: 238
@CodingIsFun
@CodingIsFun 2 жыл бұрын
*I will be here in the comments section. If you have any questions, please let me know.*
@安田源
@安田源 2 жыл бұрын
hello,how to change tab location to top-left?
@ranjithmahendran5453
@ranjithmahendran5453 2 жыл бұрын
Does the option argument only take 3 parameters? Unable to add more than three options…
@CodingIsFun
@CodingIsFun 2 жыл бұрын
@@ranjithmahendran5453 Thanks for watching. No, you can add more items to the options list.
@prabhatrawat4394
@prabhatrawat4394 2 жыл бұрын
i am getting float error while using the lib. Any possible reason?
@shritamkumarmund5273
@shritamkumarmund5273 Жыл бұрын
Awesome, can you tell me how to add nested drop-down navigation bar using this.
@blindsight8128
@blindsight8128 2 жыл бұрын
And now I have to re-design my entire web app.. This is insanely awesome!
@CodingIsFun
@CodingIsFun 2 жыл бұрын
Glad you like it! Thanks for watching the video and your comment! :)
@adekamana1964
@adekamana1964 2 жыл бұрын
I just yesterday tried to make site navigation. Thanks for the tutorial. Now everything works!
@CodingIsFun
@CodingIsFun 2 жыл бұрын
Great to hear that! :)
@supersteve1585
@supersteve1585 9 ай бұрын
did you link a page to each menu option?
@avinashke1
@avinashke1 2 жыл бұрын
One of the best content creators on YT! It's peace to watch your videos.
@CodingIsFun
@CodingIsFun 2 жыл бұрын
Thank you so much for your kind words! Glad you like the videos.
@b.schloesser81
@b.schloesser81 2 жыл бұрын
Ich habe erst jetzt deine Videos entdeckt und bin voll begeistert! Vielen Dank für deine tollen Beiträge!
@CodingIsFun
@CodingIsFun 2 жыл бұрын
Das freut mich zu hören! :)
@florianroeseler2404
@florianroeseler2404 2 жыл бұрын
Great production quality and so easy to understand!
@CodingIsFun
@CodingIsFun 2 жыл бұрын
Thank you, Florian!
@MrPelastus
@MrPelastus 3 ай бұрын
Thanks for this video. Easy ti follow and it has added a pleasant look to my Streamlit project.
@CodingIsFun
@CodingIsFun 3 ай бұрын
Glad I could help! Thanks for watching and for the kind words. -Sven ✌️
@marijnl963
@marijnl963 Жыл бұрын
This video could not have been more clear. Thank you!
@CodingIsFun
@CodingIsFun Жыл бұрын
Glad you liked it. Thanks for watching and taking the time to leave a comment!
@FRUXT
@FRUXT 2 жыл бұрын
I am discovering your channel, so cool ! Many thanks from France ^^
@CodingIsFun
@CodingIsFun 2 жыл бұрын
Merci! Greetings to France! :)
@fevejakawa6811
@fevejakawa6811 2 ай бұрын
thank you. I've learnt alot from this 3 mins tutorial
@CodingIsFun
@CodingIsFun 2 ай бұрын
Thanks for leaving a comment and for taking the time to watch! Glad you liked it. -Sven ✌️
@yuong8139
@yuong8139 2 жыл бұрын
Adding some comments here to pump your engagement. Thanks for educating us with you invaluable knowledge.
@CodingIsFun
@CodingIsFun 2 жыл бұрын
Thank you very much for your support - I appreciate that! 🙏
@pythoninoffice6568
@pythoninoffice6568 2 жыл бұрын
Great tips. Thanks Sven!
@CodingIsFun
@CodingIsFun 2 жыл бұрын
Thank you, Jay!
@zhilee8729
@zhilee8729 2 жыл бұрын
Very nice, easy to understand. One question: can you do the sub-menu by using streamlit?
@CodingIsFun
@CodingIsFun 2 жыл бұрын
Thanks for watching. As far as I know, this is not possible (yet) with this library
@nekokuromoji9839
@nekokuromoji9839 2 жыл бұрын
I really like your video. It's really to understand for a new person like me. Can I ask is there a way I can insert a hyperlink so when I select it will go to another website or another Streamlit page?
@hafsahmr9010
@hafsahmr9010 2 жыл бұрын
Did you find a way to do this?
@CodingIsFun
@CodingIsFun 2 жыл бұрын
Great question, but unfortunately, I am not sure how to implement that 😕
@jodhvirsingh8677
@jodhvirsingh8677 2 ай бұрын
Can you kindly explain what is the difference between setting up a navigation menu and setting up different pages of the app..
@CodingIsFun
@CodingIsFun 2 ай бұрын
Thanks for watching! A navigation menu is a way to navigate through different pages in your app. Cheers, Sven ✌️
@prakashvinukonda329
@prakashvinukonda329 2 жыл бұрын
Thanks for the wonderful stuff!! is there any way can we make that navbar fixed [becoz if the page is large if we scroll down the navbar gets disappearing]??
@CodingIsFun
@CodingIsFun 2 жыл бұрын
Thank you for watching the video and for your question. Unfortunately, I do not know how to implement that right off the bat. But it should be possible to use the last method (2:55 min) and then insert your custom CSS. Sorry that I cannot help further!
@youbarajsharma7603
@youbarajsharma7603 8 ай бұрын
Just got myself into Streamlit and loving it, one quick question, how can I return the selected index instead of selected, I plan to run a database query and return value based on index, hope you can help!
@CodingIsFun
@CodingIsFun 8 ай бұрын
Thanks for watching. You could do something like this: with st.sidebar: selected = option_menu( menu_title="Main Menu", # required options=["Home", "Projects", "Contact"], # required icons=["house", "book", "envelope"], # optional menu_icon="cast", # optional default_index=0, # optional ) selected_index = ["Home", "Projects", "Contact"].index(selected) I hope it helps! Cheers, Sven ✌️
@timlambe8837
@timlambe8837 2 жыл бұрын
Really nice! Thanks a lot!
@CodingIsFun
@CodingIsFun 2 жыл бұрын
A pleasure! Thanks for watching!
@yunguo99
@yunguo99 2 жыл бұрын
really thank you. I was looking for this and you solved this for me.
@CodingIsFun
@CodingIsFun 2 жыл бұрын
Happy to hear that it was useful; thank you for taking the time to leave a comment and for watching the video!
@stateside3
@stateside3 9 ай бұрын
Love the video. In fact, love all your videos. Extremely easy to follow and understand. I was able to use the horizontal menu bar for a web app successfully and it worked fine with iPhone iOS 16.x but as soon as the device was upgraded to iPhone iOS 17.x the navbar failed to display. Everything else in the app worked fine. Are you aware of a coding fix for this? I'd rather not wait for Apple to fix the issue 🙂. Thanks again for the videos.
@CodingIsFun
@CodingIsFun 9 ай бұрын
Happy to hear that you are enjoying my video. Unfortunately, I am not sure how to fix the display issue you are experiencing. Cheers, Sven ✌️
@steva93ful
@steva93ful 2 жыл бұрын
Great video! Is it possible to make connections between sidebars? For example, one is input data, second model calculation, third results, etc. The second sidebar should take information from the first one. Third from second.
@CodingIsFun
@CodingIsFun 2 жыл бұрын
Thank you! Sorry, but I am not sure if that is possible.
@LorenciGjurgjaj
@LorenciGjurgjaj 3 ай бұрын
How to have a menu and at the same time to remove the header of streamlit? Honestly, I would like to keep just the "running". Any chance to do that? Thnx for the good work
@CodingIsFun
@CodingIsFun 2 ай бұрын
Thanks for watching! Just to clarify, are you referring to the colorful bar at the very top when you mention the header? -Sven ✌️
@hmshakib2400
@hmshakib2400 2 жыл бұрын
you are great brother
@CodingIsFun
@CodingIsFun 2 жыл бұрын
Thank you!
@nabylwinchester5703
@nabylwinchester5703 2 жыл бұрын
how can i link the pages to the navigation bar. can you make avideo to link pages to the navigation bar /horizontal, thanks
@CodingIsFun
@CodingIsFun 2 жыл бұрын
Thanks for watching the video. Sorry, but I do not understand the question. Do you mean linking to an external website? Can you perhaps elaborate on what it is you're trying to achieve? Please provide some additional info. Thanks!
@astronemir
@astronemir 2 жыл бұрын
Ok this is great. Why am I dealing with writing APIs for my code just to put it in a dashboard. This seems way easier to do it all in python and skip the api stage if not needed.
@CodingIsFun
@CodingIsFun 2 жыл бұрын
Glad it was helpful! :)
@challarashmitha55
@challarashmitha55 2 жыл бұрын
How to add sub options under a option in the menu without using selectbox and dropdown??
@CodingIsFun
@CodingIsFun 2 жыл бұрын
I guess that is not possible. At least, I did not find an option in the GitHub repo: github.com/victoryhb/streamlit-option-menu
@challarashmitha55
@challarashmitha55 2 жыл бұрын
@@CodingIsFun how can I move that bar to up when I make it horizontal?
@zparkles
@zparkles Жыл бұрын
thank you for the tutorial! i want to ask, can one of the options be a selectbox? and can we fit this to the top and resize it so it would look like a normal navbar? thank u in advance!
@CodingIsFun
@CodingIsFun Жыл бұрын
Thanks for watching. You might want to check out the docs on the GitHub repo to see if that is possible. Happy coding!
@alexandregol4053
@alexandregol4053 Жыл бұрын
Great video! Is it possible to use this navigation bar to navigate between different pages instead of using the multipgaes menu on the sidebar?
@CodingIsFun
@CodingIsFun Жыл бұрын
Thanks for watching. Sorry, but I'm not sure what you mean. The easiest solution would be to simply try it out. Happy coding! :)
@brendankelly5140
@brendankelly5140 2 жыл бұрын
Is there anyway to have the menu bar float over top as a navigation bar? I'm looking for something that won't be moved as the user scrolls.
@CodingIsFun
@CodingIsFun 2 жыл бұрын
This could be possible with some custom CSS. That said, I am not really a CSS expert.
@eurojourney
@eurojourney 24 күн бұрын
Did you ever figure this out? It seems CSS will not do the trick because something in Streamlit overides the CSS
@gauravnazare3692
@gauravnazare3692 3 ай бұрын
Hi there, i had tried to add more options but actual size of option menu is not increasing horizontally ,if is there any suggestion for the same , please let me know abut it.
@CodingIsFun
@CodingIsFun 2 ай бұрын
Please have a look at the docs or ask your question directly in the respective GitHub repo. Thanks!
@jaggyjut
@jaggyjut 2 жыл бұрын
Nice. How to build a dynamic form field component ? For example an invoice form in which one can enter product description and amount. If we click the + button a new line item will be created
@CodingIsFun
@CodingIsFun 2 жыл бұрын
Thanks for watching. What does the new line item object look like? Do you want to return a string to the user? Please provide additional information. Thanks!
@jaggyjut
@jaggyjut 2 жыл бұрын
@@CodingIsFun the line item will be 4 fields; item no, item description, unit price and qty. for example 1 - Apple- $1- 10 2 - grapes - $2 - 5
@CodingIsFun
@CodingIsFun 2 жыл бұрын
@@jaggyjut Thanks for the further input, but I am still not sure where you want to return the line item. Should it be displayed as text on the web app or written in a database, google sheets docs, ...?
@jaggyjut
@jaggyjut 2 жыл бұрын
@@CodingIsFun both please on front end and there should be a submit button that will push the values in the text boxes into a nosql database.
@CodingIsFun
@CodingIsFun 2 жыл бұрын
@@jaggyjut I hope you understand that I cannot code out the entire solution, but I have created the following example for you to get you started: pastebin.com/ANx7SBEd Running the script will result in the following web app: www.screencast.com/t/X4VSJTBVL I hope it helps! Happy Coding!
@Challseus
@Challseus 2 жыл бұрын
This is amazing stuff, thank you so much for this 💪🏾💪🏾💪🏾
@CodingIsFun
@CodingIsFun 2 жыл бұрын
A pleasure! Thanks for watching the video! :)
@EscapeReality24
@EscapeReality24 Жыл бұрын
Man, You are amazing!!
@CodingIsFun
@CodingIsFun Жыл бұрын
Thanks! 😃
@jeyajassvine9888
@jeyajassvine9888 2 жыл бұрын
Hello! I keep getting error of such ModuleNotFoundError: No module named 'streamlit_option_menu' I have already installed the package using pip command and also disabled Pylance in Vscode as initially the error was due to Pylance. But still no luck, any solutions?
@CodingIsFun
@CodingIsFun 2 жыл бұрын
I do not know your VS Code setup, but you might be executing the script with a different virtual env (in which you have not installed the streamlit-option-menu)
@eduardoteixeirajj
@eduardoteixeirajj 2 жыл бұрын
great video, thank you!
@CodingIsFun
@CodingIsFun 2 жыл бұрын
A pleasure. Thanks for watching!
@creativtek-j6g
@creativtek-j6g Жыл бұрын
Nice tuto @CodingIsFun but I see that `streamlit_option_menu ` component is not supported anymore, do you have any update?
@CodingIsFun
@CodingIsFun Жыл бұрын
Thanks! I just tested it for you. With the latest Streamlit version and Streamlit-Option-Menu, everything still works as expected and shown in the tutorial.
@creativtek-j6g
@creativtek-j6g Жыл бұрын
@@CodingIsFun I just fixed it, streamlit option menu was installed but I had to "pip install --upgrade streamlit-option-menu" and now it works ;) Thanks
@janaeshkrish
@janaeshkrish 2 жыл бұрын
Great really helped me a lot
@CodingIsFun
@CodingIsFun 2 жыл бұрын
Glad it was helpful!
@quintonpangyixuan3990
@quintonpangyixuan3990 2 жыл бұрын
I have used it to scrap data of badminton players. Mind checking it out? Thanks! 😊 kzbin.info/www/bejne/fWWTZZ6to91-qLs
@dfrecipes1138
@dfrecipes1138 2 жыл бұрын
Hi and thanks for the video. but... How can you call another page from this type of Navbar. a Navbar will usually call an HREF. but I can't figure out how to make this Navbar work to call other pages? any ideas?
@CodingIsFun
@CodingIsFun 2 жыл бұрын
Great question, but unfortunately, I am not sure how to implement that 😕
@viniciusoviedo
@viniciusoviedo 2 жыл бұрын
Awesome content. Thanks for sharing!!
@CodingIsFun
@CodingIsFun 2 жыл бұрын
Glad you enjoyed it! Thanks for watching and your comment! :)
@GenNextAnalyst
@GenNextAnalyst 2 жыл бұрын
Looks neat!
@CodingIsFun
@CodingIsFun 2 жыл бұрын
Thanks!
@marciocristovao2074
@marciocristovao2074 2 жыл бұрын
Muito bom, cara! Obrigado por compartilhar. Abraço aqui do Brasil!
@CodingIsFun
@CodingIsFun 2 жыл бұрын
Feliz por você ter gostado do video. Obrigado por assistir e seu comentário!
@kemueltkd
@kemueltkd 2 жыл бұрын
@@CodingIsFun Brasil here, very nice
@leccaz2575
@leccaz2575 Жыл бұрын
thx for the great video sir!!, but i have a question. So i have a pages on my web that have another page. is it possible if pages can be a navbar beside a vertical position? glad you can answer it. sorry if my grammar's crak. thank you
@CodingIsFun
@CodingIsFun Жыл бұрын
Thanks for watching and your question. Yet, I am not sure what exactly you mean.
@mazhara9335
@mazhara9335 2 жыл бұрын
Bloody amazing!
@CodingIsFun
@CodingIsFun 2 жыл бұрын
Thank you very much!
@gonzalopietraroia2868
@gonzalopietraroia2868 2 жыл бұрын
How can i navigate into markdowns with de navbar?
@CodingIsFun
@CodingIsFun 2 жыл бұрын
I am not sure how to do that - sorry!
@invictusblaze007
@invictusblaze007 Жыл бұрын
Love you Bro 😍😍 TY for awesome video wasted long time but you save me 🥰🥰
@CodingIsFun
@CodingIsFun Жыл бұрын
Glad I could help! Thanks for watching and for the kind words. 🤩
@defathajourney9466
@defathajourney9466 2 жыл бұрын
thank you for your great video. I just learn about the streamlit, and I had try your code. But there are some error (TypeError : Option_menu()got an unexpected keyword argument 'option_menu'. do you have solution for it ? thank you so much for your kindly replied
@CodingIsFun
@CodingIsFun 2 жыл бұрын
Thanks for watching the watching and your question. It is hard to tell from a distance what is causing the error. Try searching for the text of your error message on google/StackOverflow.
@defathajourney9466
@defathajourney9466 2 жыл бұрын
@@CodingIsFun thank you so much for your information 😁
@coldcontent4585
@coldcontent4585 Жыл бұрын
thanks a lot. a very productive and helpful video at all.
@CodingIsFun
@CodingIsFun Жыл бұрын
Glad it was helpful! 👍
@hafsahmr9010
@hafsahmr9010 2 жыл бұрын
Thanks for the video. Is it possible to add links of streamlit pages to the menu options?
@CodingIsFun
@CodingIsFun 2 жыл бұрын
Great question, but unfortunately, I am not sure how to implement that 😕
@noskov5
@noskov5 2 жыл бұрын
nice mate!
@CodingIsFun
@CodingIsFun 2 жыл бұрын
Thank you!
@datascience6176
@datascience6176 2 жыл бұрын
how we can add backgroung image in sidebar in streamlit app
@CodingIsFun
@CodingIsFun 2 жыл бұрын
With custom CSS Check out this video: kzbin.info/www/bejne/pqq6oqprrqiBmtE
@datascience6176
@datascience6176 2 жыл бұрын
@@CodingIsFun Thanks
@xavierc1628
@xavierc1628 2 жыл бұрын
Thank you so much for the video, amazing info source! I was wondering if there were a way to incorporate an anchor to the sidebar section, that would automatically scroll to the designated chunk of the same page, instead of redirecting the user to another page. I have found a solution with markdown but would like to keep the design showed in your video. Thanks!
@CodingIsFun
@CodingIsFun 2 жыл бұрын
Thank you for watching the video and for your question. Unfortunately, I do not know how to implement that right off the bat. I would also need to search the internet for a solution. Sorry that I cannot help!
@WagnerBritodeJesus
@WagnerBritodeJesus Жыл бұрын
Great video! Would you know if this works with multi pages?
@CodingIsFun
@CodingIsFun Жыл бұрын
Hey, thanks for checking this out! Just a heads up, I haven't tried it myself, but I'm not too sure if it'll work. If you're looking to make a multi-page app, I'd suggest going with either this package or the regular Streamlit way ( docs.streamlit.io/library/get-started/multipage-apps ) of doing things.
@mayconc.rusher959
@mayconc.rusher959 2 жыл бұрын
Hello mr. I need to make an inventory control chart monitoring which materials are being used the most but so far I have not been able to add it, data is stored in a csv file in columns with the headers: ITEM, QTY, MACHINE, OP, TEC and TURN(1, 2 or 3) Can you help me?
@CodingIsFun
@CodingIsFun 2 жыл бұрын
Thank you very much for watching the video and your comment. Your requirements are well noted. Yet, I receive many requests for creating individual solutions. As much as I want to help, I simply do not find the time in my daily schedule to develop & test all the different requests. I hope you can understand. Thank you!
@arunasrancevas6095
@arunasrancevas6095 2 жыл бұрын
Was there an update to this? I am using orientation="horizontal", still remains vetical. I even copied your code, same issue?
@arunasrancevas6095
@arunasrancevas6095 2 жыл бұрын
Here is the code:( with st.sidebar: selected = option_menu( menu_title="Epic Navigation bar", options=["Home", "Our Python Calculator", "The Crypto tool",], icons=["house", "calculator", "currency-bitcoin"], menu_icon="controller", default_index=1, orientation="horizontal", )
@arunasrancevas6095
@arunasrancevas6095 2 жыл бұрын
Oddly enought I deleted the with st.sidebar and it works fine?
@arunasrancevas6095
@arunasrancevas6095 2 жыл бұрын
Ok, I just rewatched the video. All is fine!
@CodingIsFun
@CodingIsFun 2 жыл бұрын
Happy to hear that you figured it out!
@orafaelgf
@orafaelgf 2 жыл бұрын
Great video. Do you could to creat a portfolio with streamline as well. Would be wonderful. Congrats.
@CodingIsFun
@CodingIsFun 2 жыл бұрын
Thanks. In the following video, I have not created a full-blown portfolio site, but it is a great start: kzbin.info/www/bejne/jKLKhp57rbWpgrs Happy Coding!
@orafaelgf
@orafaelgf 2 жыл бұрын
@@CodingIsFun thank you.
@rakoczipiroska5632
@rakoczipiroska5632 8 ай бұрын
Congratulations. And something more: thank you.
@CodingIsFun
@CodingIsFun 8 ай бұрын
My pleasure! Appreciate you taking the time to watch and leave a comment. Cheers, Sven ✌️
@Matheus-s-costaa
@Matheus-s-costaa 2 жыл бұрын
hey man, can u help me please? I'm trying deploy an archive with option menu, but streamlit don't let me do it
@Matheus-s-costaa
@Matheus-s-costaa 2 жыл бұрын
Vou falar em português também porque sou brasileiro LOL Eu estou tentando publicar um programa que desenvolvi com o option menu, mas dá um erro no streamlit que me impede de faze-lo. Você pode me ajudar?
@Matheus-s-costaa
@Matheus-s-costaa 2 жыл бұрын
ModuleNotFoundError: This app has encountered an error. The original error message is redacted to prevent data leaks. Full error details have been recorded in the logs (if you're on Streamlit Cloud, click on 'Manage app' in the lower right of your app). Traceback: File "/home/appuser/venv/lib/python3.9/site-packages/streamlit/runtime/scriptrunner/script_runner.py", line 562, in _run_script exec(code, module.__dict__) File "/app/portfolio/apresentacao.py", line 8, in from streamlit_option_menu import option_menu
@CodingIsFun
@CodingIsFun 2 жыл бұрын
Thanks for watching. Ensure to include the package "streamlit-option-menu" in the requirements.txt file ⤵ docs.streamlit.io/streamlit-cloud/get-started/deploy-an-app/app-dependencies
@Matheus-s-costaa
@Matheus-s-costaa 2 жыл бұрын
@@CodingIsFun thank u my friend
@namvu607
@namvu607 Жыл бұрын
Really helpful. Many thanks for your sharing 🎯
@CodingIsFun
@CodingIsFun Жыл бұрын
Happy to hear that it was useful; thank you for taking the time to leave a comment and for watching the video! 👍
@vaibhavk2430
@vaibhavk2430 2 жыл бұрын
Is it possible to draw route between two location in streamlit
@CodingIsFun
@CodingIsFun 2 жыл бұрын
Can you perhaps elaborate on what you're actually trying to achieve? Please provide some additional info. Thanks!
@vaibhavk2430
@vaibhavk2430 2 жыл бұрын
@@CodingIsFun route means as you see in google maps direction from one location to other location
@CodingIsFun
@CodingIsFun 2 жыл бұрын
@@vaibhavk2430 Do you want to embed Google maps into your Streamlit app?
@vaibhavk2430
@vaibhavk2430 2 жыл бұрын
@@CodingIsFun yes like that
@vaibhavk2430
@vaibhavk2430 2 жыл бұрын
@@CodingIsFun ie. If i point to two location and a direction from one location to other location
@myfc8661
@myfc8661 10 ай бұрын
hi, do you have any video that when you select the option it will open another app. Also do you have a login app that once user login, wiill show this menu
@CodingIsFun
@CodingIsFun 10 ай бұрын
Thanks for watching. You can find all my Streamlit videos here: kzbin.info/www/bejne/fIC4fYlvjc6dlZo&ab_channel=CodingIsFun Cheers, Sven ✌️
@mariamhamed9869
@mariamhamed9869 2 жыл бұрын
please how to read 2 .txt file with python (header file and value file) and transform into a database (excel or csv table) and also read another .txt file and extract the limit value can you help me and thanks.
@CodingIsFun
@CodingIsFun 2 жыл бұрын
Have a look at the following blog article: www.geeksforgeeks.org/how-to-read-text-files-with-pandas/ Depending on the text file structure you could use: data = pd.read_csv('output_list.txt', sep=" ", header=None) Once you have the data in a Pandas dataframe, you could retrieve the limit and also export it to excel/CSV: df.to_excel('filename.xlsx') I hope this helps!
@MenteyExito
@MenteyExito Жыл бұрын
Hi!...What if instead of displaying a text, I want to link the button to a different page inside the same directory?
@CodingIsFun
@CodingIsFun Жыл бұрын
Thank you for watching the video and for your question. Unfortunately, I do not know how to implement that right off the bat. I would also need to search the internet for a solution. Sorry that I cannot help!
@alokpal7347
@alokpal7347 Жыл бұрын
Can I use page header for this task. I don't want to navbar in main page, is there any otions to those option in header
@CodingIsFun
@CodingIsFun Жыл бұрын
Thanks for watching. Sorry, but I am not sure what you mean by "page header"
@xrhstos1330
@xrhstos1330 11 ай бұрын
Is it possible to make the change from one navigational page to another almost instantly and not have to wait so many seconds?
@CodingIsFun
@CodingIsFun 10 ай бұрын
Thank you for watching. I think, that is not possible due to Streamlit's "rerun" mechanism. Cheers, Sven ✌️
@d.k.yogeshwaran1923
@d.k.yogeshwaran1923 Жыл бұрын
I have one question! Is that possible to use the file uploader statement in one IF clause and call it out from another IF clause?
@CodingIsFun
@CodingIsFun Жыл бұрын
Thank you for tuning in. While I'm not entirely certain of your goals, my recommendation would be to give it a try yourself. If you encounter any challenges along the way, you can always turn to Google or ChatGPT for guidance. Thanks again!
@christianrauth1425
@christianrauth1425 2 жыл бұрын
This T-Shirt 😍
@CodingIsFun
@CodingIsFun 2 жыл бұрын
Thanks, Christian! If you want, you can purchase it here: www.pythonandvba.com/merch
@greyghost8343
@greyghost8343 Жыл бұрын
Hello, thank you for the tutorial. I tried install option menu but it didnt work. The first ERROR was: Could not find a version that satisfies the requirement streamlit-option-menu. The second ERROR said: No matching distribution found for streamlit-option-menu. Do you know why i have these errors and possibly a way to solve them? Thank you!
@CodingIsFun
@CodingIsFun Жыл бұрын
Thanks for watching and for your question. Hard to tell from a distance why you are facing an error. Sorry that I cannot help.
@jsmith754
@jsmith754 2 жыл бұрын
Can you add the bar styling to the config.toml file instead? If so, how would you go at it? Thank you!
@CodingIsFun
@CodingIsFun 2 жыл бұрын
You can only style some aspects with the config.toml file: blog.streamlit.io/introducing-theming/ For custom styling regarding the nav bar, I have shown you one example in the video.
@travelsabit
@travelsabit 11 ай бұрын
There are cors error in option menu , when. We select tab 2 or 3. We get the page but the highlight of tab moves to first automatically
@CodingIsFun
@CodingIsFun 11 ай бұрын
Thank you for watching. Sorry, but I'm not entirely sure what you mean. Cheers, Sven ✌️
@Frittenliebhaber
@Frittenliebhaber 2 жыл бұрын
good stuff!
@CodingIsFun
@CodingIsFun 2 жыл бұрын
Thanks! 👍
@ram_qr
@ram_qr 10 ай бұрын
WOW. Awesome!!!
@CodingIsFun
@CodingIsFun 10 ай бұрын
Thank you! Cheers, Sven ✌️
@PixelLife0703
@PixelLife0703 Жыл бұрын
How to define the size of the option menu based upon number of options?
@CodingIsFun
@CodingIsFun Жыл бұрын
Thanks for watching. That should be possible with the custom CSS solution as shown in the video. Happy Coding!
@bhavyakumar3978
@bhavyakumar3978 2 жыл бұрын
How can i make a vertical navigation menu which has a button and gets displayed when we click on that button and disappears after selection.
@CodingIsFun
@CodingIsFun 2 жыл бұрын
While I'm happy to try and help, it sounds like your question is beyond the scope of the tutorial and would require a custom solution. Unfortunately, I don't have the time to code something specific for every viewer. Thanks for your understanding!
@junaidlatif2881
@junaidlatif2881 2 жыл бұрын
Amazing 😍
@CodingIsFun
@CodingIsFun 2 жыл бұрын
Thanks 🤗 I really appreciate your comments & support!
@supersteve1585
@supersteve1585 9 ай бұрын
Hello Sven. Am i able to link an option to a page to work like the multipage side bar? So clicking on contact will redirect to contact page PY file.
@CodingIsFun
@CodingIsFun 9 ай бұрын
Thanks for watching. I have not tried that. Feel free to give a shot. Cheers, Sven ✌️
@Luisa_Ribeiro
@Luisa_Ribeiro 2 жыл бұрын
Very nice video! Even after installing and importing I get this error: No module named 'streamlit_option_menu'. Any guess as to why?
@CodingIsFun
@CodingIsFun 2 жыл бұрын
Thanks! Probably because you are calling the streamlit option menu from a different environment in which you installed it. But I can only guess here..
@Luisa_Ribeiro
@Luisa_Ribeiro 2 жыл бұрын
@@CodingIsFun You're good! That's exactly what was wrong :) Thank you!
@studiospan6426
@studiospan6426 Жыл бұрын
Sir , i have another question : The streamlit sidebar seems to be automatically closed in android browser and we have to click on the arrow sign from above to make it visible is there any way to make it visible by default since the arrow sign is kinda small and clients might miss it and all of my webapp function😅 .
@CodingIsFun
@CodingIsFun Жыл бұрын
Here you are. Ensure to make this the first streamlit command after importing the libraries: st.set_page_config(initial_sidebar_state="expanded") Also, coffee donation are always welcome ;) pythonandvba.com/coffee-donation
@studiospan6426
@studiospan6426 Жыл бұрын
@@CodingIsFun thanks a ton for your help again 🙂
@ki7985
@ki7985 2 жыл бұрын
can we add a background picture?
@CodingIsFun
@CodingIsFun 2 жыл бұрын
Do you mean a background image inside the navbar?
@ki7985
@ki7985 2 жыл бұрын
@@CodingIsFun i mean an background image for the whole page
@CodingIsFun
@CodingIsFun 2 жыл бұрын
@@ki7985 discuss.streamlit.io/t/how-do-i-use-a-background-image-on-streamlit/5067/6
@SideHustle1313
@SideHustle1313 Жыл бұрын
How to go to top of a page using streamlit button? Please reply
@souravbarua3991
@souravbarua3991 2 жыл бұрын
Here by default "Home" tab is always selected.If i want that by default no tab is selected then how can i do that?
@CodingIsFun
@CodingIsFun 2 жыл бұрын
Please define "no tab"
@souravbarua3991
@souravbarua3991 2 жыл бұрын
@@CodingIsFun no tab means at first it won't select any tab by default unless user chooses one.
@CodingIsFun
@CodingIsFun 2 жыл бұрын
@@souravbarua3991 Ok, but which page do you want to show instead? You need to render something...
@souravbarua3991
@souravbarua3991 2 жыл бұрын
@@CodingIsFun simple introduction page. And after that user will select Home page. Is that possible?
@emmanuelaturkson8826
@emmanuelaturkson8826 Жыл бұрын
Also, do you know to upload a .tif file to your streamlit webapp and view/display it on the webapp. I'm not able to do that
@CodingIsFun
@CodingIsFun Жыл бұрын
Unfortunately, I do not know how to implement that right off the bat. I would also need to search the internet for a solution. Sorry that I cannot help!
@d.k.yogeshwaran1923
@d.k.yogeshwaran1923 2 жыл бұрын
Bro how to add colors varients for syntax and text
@CodingIsFun
@CodingIsFun 2 жыл бұрын
Thanks for watching the video. Can you perhaps elaborate on what it is you're trying to achieve? Please provide some additional info. Thanks!
@d.k.yogeshwaran1923
@d.k.yogeshwaran1923 Жыл бұрын
@@CodingIsFun Bro I need to create a screen that should consume multiple excel sheets with separate upload buttons and also I want to store those uploaded excel data in the database. What can I do? Could please help with this
@CodingIsFun
@CodingIsFun Жыл бұрын
@@d.k.yogeshwaran1923 Bro, your request is definitely noted. However, I get a ton of requests for custom solutions and, as much as I'd love to help everyone out, I just don't have the time in my schedule to develop and test all of them. I hope you can understand. Happy Coding!
@AtharvaAthaley
@AtharvaAthaley 7 ай бұрын
How to switch Pages with this module?
@BrightiansADW
@BrightiansADW Жыл бұрын
I want to add the url of the other pages in that main menu options how I can do that?
@CodingIsFun
@CodingIsFun Жыл бұрын
Thanks for watching. As far as I know and see from the docs, that is not possible with that package.
@maitreyakanitkar8742
@maitreyakanitkar8742 Жыл бұрын
selected keeps on moving abck to default index even though the content displayed is of other page
@CodingIsFun
@CodingIsFun Жыл бұрын
Thanks for watching and for your question. Hard to tell from a distance why you are facing an error. Sorry that I cannot help.
@vikassingh5628
@vikassingh5628 Жыл бұрын
getting this error *ModuleNotFoundError: No module named 'streamlit_option_menu* even after installing the required package
@CodingIsFun
@CodingIsFun Жыл бұрын
Hard to tell from a distance. My closest guess is that you are getting this issue because you are trying to import a module of a library which is not installed in your virtual environment. If you have run 'pip install streamlit-option-menu' already, ensure to call your Python file from the same environment in which you installed the package. For example, in your IDE/text editor, you might have set a different Python environment for executing your script. Therefore, try to run your Python file also from the command prompt. If that does not work, try searching for the text of your error message on Google/StackOverflow. Happy Debugging!
@watchbro3319
@watchbro3319 Жыл бұрын
osm can u tell if i can redirect to other url if press button on menu
@CodingIsFun
@CodingIsFun Жыл бұрын
Thanks for watching. I am not sure, if that is possible out of the box with streamlit-option-menu. Cheers, Sven ✌️
@Jose-bt2kt
@Jose-bt2kt Жыл бұрын
good, good, really helpfull
@CodingIsFun
@CodingIsFun Жыл бұрын
Happy to hear that it was useful; thank you for taking the time to leave a comment and for watching the video!
@mentanagavenkatasrinivas9245
@mentanagavenkatasrinivas9245 2 жыл бұрын
some bootstrap icons arrre not working, example : car-front
@CodingIsFun
@CodingIsFun 2 жыл бұрын
Thanks for the hint
@JASHiNSENNiN
@JASHiNSENNiN Жыл бұрын
How can I make it stay on the top even if I scroll?
@CodingIsFun
@CodingIsFun Жыл бұрын
Thanks for watching. There is no parameter available to do that. Perhaps you could use custom CSS to achieve this. This question has also been asked here: github.com/victoryhb/streamlit-option-menu/issues/47 So, you might want to follow the issue. Good luck!
@JASHiNSENNiN
@JASHiNSENNiN Жыл бұрын
I see, Ill look into it. Thanks! :D
@garouga1271
@garouga1271 2 жыл бұрын
You are the best men
@CodingIsFun
@CodingIsFun 2 жыл бұрын
Thank you!
@rofiatulkhoiriyah9997
@rofiatulkhoiriyah9997 2 жыл бұрын
how to display video on streamlit?
@CodingIsFun
@CodingIsFun 2 жыл бұрын
Here you are: docs.streamlit.io/library/api-reference/media/st.video
@phucle1669
@phucle1669 2 жыл бұрын
thank your
@CodingIsFun
@CodingIsFun 2 жыл бұрын
An absolute pleasure, very happy to hear that you found it useful!
@rombohak-lgite4400
@rombohak-lgite4400 Жыл бұрын
thx
@CodingIsFun
@CodingIsFun Жыл бұрын
My pleasure! Appreciate you taking the time to watch and leave a comment.
@poovarasanchandiran8934
@poovarasanchandiran8934 9 ай бұрын
Got Runtimeerror while importing streamlit option menu
@poovarasanchandiran8934
@poovarasanchandiran8934 9 ай бұрын
How to fix this?
@CodingIsFun
@CodingIsFun 9 ай бұрын
Hey there, thanks for watching the video! I'm sorry I can't help you with your problem based on the information you provided. To give me a better idea of what's going on, it would be super helpful if you could write down which line of code is causing the error, let me know if you modified the code from the tutorial, and explain in more detail what you did to troubleshoot the problem. Don't forget to also give me some context about your setup and environment. If you're having trouble figuring things out, another option is to join our Discord server at pyhtonandvba.com/discord. You can ask your question there and maybe someone in the community can help out. Thanks for understanding.
@chriskeo392
@chriskeo392 2 жыл бұрын
Destined to be a Yoda
@CodingIsFun
@CodingIsFun 2 жыл бұрын
Thank you for your comment! I'm just a regular person trying to make educational content for others to enjoy. 😁
@kelvinrweshobora
@kelvinrweshobora 2 жыл бұрын
like
@CodingIsFun
@CodingIsFun 2 жыл бұрын
Thanks!
@Moderator1233-c6m
@Moderator1233-c6m 8 ай бұрын
is it possible to create pages using bootstrap templates on streamlit
@CodingIsFun
@CodingIsFun 8 ай бұрын
Thanks for watching. I have not tried it yet. Cheers, Sven ✌️
@rahmiutamimulyadi
@rahmiutamimulyadi 8 ай бұрын
why i still can't run my code, even I have installed the streamlit-option-menu module?
@CodingIsFun
@CodingIsFun 8 ай бұрын
Thanks for watching. Hard to tell from a distance. Cheers, Sven ✌️
How to Add a User Authentication Service (Login Form) in Streamlit
7:14
Your Most Requested Streamlit Features FINALLY Out!
8:29
Fanilo Andrianasolo
Рет қаралды 17 М.
How Strong Is Tape?
00:24
Stokes Twins
Рет қаралды 96 МЛН
Enceinte et en Bazard: Les Chroniques du Nettoyage ! 🚽✨
00:21
Two More French
Рет қаралды 42 МЛН
Streamlit: The Fastest Way To Build Python Apps?
11:57
pixegami
Рет қаралды 173 М.
Make Your Streamlit Apps Look Amazing with Shadcn
5:33
Coding Is Fun
Рет қаралды 23 М.
How to create a Streamlit Multi-Page Web App
6:23
Coding Is Fun
Рет қаралды 174 М.
My Workflow for Building any Streamlit Dashboard Project
9:40
Fanilo Andrianasolo
Рет қаралды 108 М.
How to Convert a Streamlit App to an .EXE Executable
8:20
Fanilo Andrianasolo
Рет қаралды 52 М.