The EASIEST way to insert a NAVIGATION into your Streamlit app

Рет қаралды 85,552

Күн бұрын

👉 Explore All My Excel Solutions: pythonandvba.com/solutions
𝗗𝗘𝗦𝗖𝗥𝗜𝗣𝗧𝗜𝗢𝗡
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
In this video, I'm going to show you how to embed a navigation menu into your streamlit app.
🌍 𝗟𝗜𝗡𝗞𝗦:
▶ streamlit-option-menu repo: github.com/victoryhb/streamli...
▶ Demo app from this tutorial: github.com/Sven-Bo/streamlit-...
▶ Bootstrap Icons: icons.getbootstrap.com/
𝗧𝗢𝗢𝗟𝗦 𝗔𝗡𝗗 𝗥𝗘𝗦𝗢𝗨𝗥𝗖𝗘𝗦
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
🆓【𝗙𝗥𝗘𝗘】Excel Add-in (𝗠𝘆𝗧𝗼𝗼𝗹𝗕𝗲𝗹𝘁): pythonandvba.com/mytoolbelt
📊 Data Visualization Excel Add-In (𝗚𝗿𝗮𝗳𝗹𝘆): pythonandvba.com/grafly
🤪 Fun Emoji Excel Add-In (𝗘𝗺𝗼𝗷𝗶𝗳𝘆): pythonandvba.com/emojify
📑 Excel Templates: pythonandvba.com/go/excel-tem...
🎓 My Courses: pythonandvba.com/go/courses
📚 Books, Tools, and More: pythonandvba.com/resources
𝗖𝗢𝗡𝗡𝗘𝗖𝗧 𝗪𝗜𝗧𝗛 𝗠𝗘
▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀▀
🔗 LinkedIn: / sven-bosau
📸 Instagram: / codingisfun_official
💻 GitHub: github.com/Sven-Bo
💬 Discord: pythonandvba.com/discord
📬 Contact: pythonandvba.com/contact
☕ 𝗕𝘂𝘆 𝗺𝗲 𝗮 𝗰𝗼𝗳𝗳𝗲𝗲?
If you want to support this channel, you can buy me a coffee here:
▶ pythonandvba.com/coffee-donation

Пікірлер: 229

@CodingIsFun 2 жыл бұрын

*I will be here in the comments section. If you have any questions, please let me know.*

@user-ql9yd1ze6v 2 жыл бұрын

hello,how to change tab location to top-left?

@ranjithmahendran5453 Жыл бұрын

Does the option argument only take 3 parameters? Unable to add more than three options…

@CodingIsFun Жыл бұрын

@@ranjithmahendran5453 Thanks for watching. No, you can add more items to the options list.

@prabhatrawat4394 Жыл бұрын

i am getting float error while using the lib. Any possible reason?

@shritamkumarmund5273 Жыл бұрын

Awesome, can you tell me how to add nested drop-down navigation bar using this.

@florianroeseler2404 2 жыл бұрын

Great production quality and so easy to understand!

@CodingIsFun 2 жыл бұрын

Thank you, Florian!

@blindsight8128 2 жыл бұрын

And now I have to re-design my entire web app.. This is insanely awesome!

@CodingIsFun 2 жыл бұрын

Glad you like it! Thanks for watching the video and your comment! :)

@marijnl963 10 ай бұрын

This video could not have been more clear. Thank you!

@CodingIsFun 10 ай бұрын

Glad you liked it. Thanks for watching and taking the time to leave a comment!

@avinashke1 2 жыл бұрын

One of the best content creators on YT! It's peace to watch your videos.

@CodingIsFun 2 жыл бұрын

Thank you so much for your kind words! Glad you like the videos.

@adekamana1964 2 жыл бұрын

I just yesterday tried to make site navigation. Thanks for the tutorial. Now everything works!

@CodingIsFun 2 жыл бұрын

Great to hear that! :)

@supersteve1585 2 ай бұрын

did you link a page to each menu option?

@b.schloesser81 Жыл бұрын

Ich habe erst jetzt deine Videos entdeckt und bin voll begeistert! Vielen Dank für deine tollen Beiträge!

@CodingIsFun Жыл бұрын

Das freut mich zu hören! :)

@FRUXT 2 жыл бұрын

I am discovering your channel, so cool ! Many thanks from France ^^

@CodingIsFun 2 жыл бұрын

Merci! Greetings to France! :)

@pythoninoffice6568 2 жыл бұрын

Great tips. Thanks Sven!

@CodingIsFun 2 жыл бұрын

Thank you, Jay!

@yuong8139 Жыл бұрын

Adding some comments here to pump your engagement. Thanks for educating us with you invaluable knowledge.

@CodingIsFun Жыл бұрын

Thank you very much for your support - I appreciate that! 🙏

@timlambe8837 2 жыл бұрын

Really nice! Thanks a lot!

@CodingIsFun 2 жыл бұрын

A pleasure! Thanks for watching!

@Challseus 2 жыл бұрын

This is amazing stuff, thank you so much for this 💪🏾💪🏾💪🏾

@CodingIsFun 2 жыл бұрын

A pleasure! Thanks for watching the video! :)

@yunguo99 Жыл бұрын

really thank you. I was looking for this and you solved this for me.

@CodingIsFun Жыл бұрын

Happy to hear that it was useful; thank you for taking the time to leave a comment and for watching the video!

@viniciusoviedo Жыл бұрын

Awesome content. Thanks for sharing!!

@CodingIsFun Жыл бұрын

Glad you enjoyed it! Thanks for watching and your comment! :)

@namvu607 Жыл бұрын

Really helpful. Many thanks for your sharing 🎯

@CodingIsFun Жыл бұрын

Happy to hear that it was useful; thank you for taking the time to leave a comment and for watching the video! 👍

@eduardoteixeirajj 2 жыл бұрын

great video, thank you!

@CodingIsFun 2 жыл бұрын

A pleasure. Thanks for watching!

@coldcontent4585 Жыл бұрын

thanks a lot. a very productive and helpful video at all.

@CodingIsFun Жыл бұрын

Glad it was helpful! 👍

@EscapeReality24 6 ай бұрын

Man, You are amazing!!

@CodingIsFun 6 ай бұрын

Thanks! 😃

@hmshakib2400 2 жыл бұрын

you are great brother

@CodingIsFun 2 жыл бұрын

Thank you!

@marciocristovao2074 Жыл бұрын

Muito bom, cara! Obrigado por compartilhar. Abraço aqui do Brasil!

@CodingIsFun Жыл бұрын

Feliz por você ter gostado do video. Obrigado por assistir e seu comentário!

@kemueltkd Жыл бұрын

@@CodingIsFun Brasil here, very nice

@mazhara9335 2 жыл бұрын

Bloody amazing!

@CodingIsFun 2 жыл бұрын

Thank you very much!

@GenNextAnalyst 2 жыл бұрын

Looks neat!

@CodingIsFun 2 жыл бұрын

Thanks!

@janaeshkrish 2 жыл бұрын

Great really helped me a lot

@CodingIsFun 2 жыл бұрын

Glad it was helpful!

@quintonpangyixuan3990 2 жыл бұрын

I have used it to scrap data of badminton players. Mind checking it out? Thanks! 😊 kzfaq.info/get/bejne/fZpgZ86o096voo0.html

@invictusblaze007 8 ай бұрын

Love you Bro 😍😍 TY for awesome video wasted long time but you save me 🥰🥰

@CodingIsFun 8 ай бұрын

Glad I could help! Thanks for watching and for the kind words. 🤩

@noskov5 2 жыл бұрын

nice mate!

@CodingIsFun 2 жыл бұрын

Thank you!

@raffa6796 2 жыл бұрын

good stuff!

@CodingIsFun 2 жыл бұрын

Thanks! 👍

@ram_qr 2 ай бұрын

WOW. Awesome!!!

@CodingIsFun 2 ай бұрын

Thank you! Cheers, Sven ✌️

@zhilee8729 2 жыл бұрын

Very nice, easy to understand. One question: can you do the sub-menu by using streamlit?

@CodingIsFun 2 жыл бұрын

Thanks for watching. As far as I know, this is not possible (yet) with this library

@xavierchauvris1628 Жыл бұрын

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 Жыл бұрын

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!

@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 2 жыл бұрын

Thank you! Sorry, but I am not sure if that is possible.

@junaidlatif2881 2 жыл бұрын

Amazing 😍

@CodingIsFun 2 жыл бұрын

Thanks 🤗 I really appreciate your comments & support!

@rakoczipiroska5632 Ай бұрын

Congratulations. And something more: thank you.

@CodingIsFun Ай бұрын

My pleasure! Appreciate you taking the time to watch and leave a comment. Cheers, Sven ✌️

@stateside3 2 ай бұрын

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 2 ай бұрын

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 ✌️

@Jose-bt2kt 9 ай бұрын

good, good, really helpfull

@CodingIsFun 9 ай бұрын

Happy to hear that it was useful; thank you for taking the time to leave a comment and for watching the video!

@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 2 жыл бұрын

Glad it was helpful! :)

@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 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 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 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 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 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!

@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 2 жыл бұрын

Did you find a way to do this?

@CodingIsFun 2 жыл бұрын

Great question, but unfortunately, I am not sure how to implement that 😕

@phucle1669 Жыл бұрын

thank your

@CodingIsFun Жыл бұрын

An absolute pleasure, very happy to hear that you found it useful!

@alexandregol4053 9 ай бұрын

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 9 ай бұрын

Thanks for watching. Sorry, but I'm not sure what you mean. The easiest solution would be to simply try it out. Happy coding! :)

@prakashvinukonda329 Жыл бұрын

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 Жыл бұрын

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!

@christianrauth1425 2 жыл бұрын

This T-Shirt 😍

@CodingIsFun 2 жыл бұрын

Thanks, Christian! If you want, you can purchase it here: www.pythonandvba.com/merch

@rombohak-lgite4400 7 ай бұрын

thx

@CodingIsFun 7 ай бұрын

My pleasure! Appreciate you taking the time to watch and leave a comment.

@WagnerBritodeJesus Жыл бұрын

Great video! Would you know if this works with multi pages?

@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.

@rafaelg8238 2 жыл бұрын

Great video. Do you could to creat a portfolio with streamline as well. Would be wonderful. Congrats.

@CodingIsFun 2 жыл бұрын

Thanks. In the following video, I have not created a full-blown portfolio site, but it is a great start: kzfaq.info/get/bejne/jNeXiM523bbafI0.html Happy Coding!

@rafaelg8238 2 жыл бұрын

@@CodingIsFun thank you.

@zparkles 6 ай бұрын

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 6 ай бұрын

Thanks for watching. You might want to check out the docs on the GitHub repo to see if that is possible. Happy coding!

@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 2 жыл бұрын

This could be possible with some custom CSS. That said, I am not really a CSS expert.

@hafsahmr9010 2 жыл бұрын

Thanks for the video. Is it possible to add links of streamlit pages to the menu options?

@CodingIsFun 2 жыл бұрын

Great question, but unfortunately, I am not sure how to implement that 😕

@mayconc.rusher959 Жыл бұрын

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 Жыл бұрын

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!

@nabylwinchester5703 Жыл бұрын

how can i link the pages to the navigation bar. can you make avideo to link pages to the navigation bar /horizontal, thanks

@CodingIsFun Жыл бұрын

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!

@BrightiansADW 9 ай бұрын

I want to add the url of the other pages in that main menu options how I can do that?

@CodingIsFun 9 ай бұрын

Thanks for watching. As far as I know and see from the docs, that is not possible with that package.

@gonzalopietraroia2868 2 жыл бұрын

How can i navigate into markdowns with de navbar?

@CodingIsFun 2 жыл бұрын

I am not sure how to do that - sorry!

@youbarajsharma7603 Ай бұрын

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 Ай бұрын

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 ✌️

@leccaz2575 7 ай бұрын

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 7 ай бұрын

Thanks for watching and your question. Yet, I am not sure what exactly you mean.

@jsmith754 Жыл бұрын

Can you add the bar styling to the config.toml file instead? If so, how would you go at it? Thank you!

@CodingIsFun Жыл бұрын

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.

@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 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)

@garouga1271 Жыл бұрын

You are the best men

@CodingIsFun Жыл бұрын

Thank you!

@supersteve1585 2 ай бұрын

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 2 ай бұрын

Thanks for watching. I have not tried that. Feel free to give a shot. Cheers, Sven ✌️

@alokpal7347 9 ай бұрын

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 9 ай бұрын

Thanks for watching. Sorry, but I am not sure what you mean by "page header"

@myfc8661 3 ай бұрын

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 2 ай бұрын

Thanks for watching. You can find all my Streamlit videos here: kzfaq.info/get/bejne/fLWFf7lqvc_Oj2w.html&ab_channel=CodingIsFun Cheers, Sven ✌️

@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 2 жыл бұрын

Great question, but unfortunately, I am not sure how to implement that 😕

@AtharvaAthaley 16 күн бұрын

How to switch Pages with this module?

@MenteyExito Жыл бұрын

Hi!...What if instead of displaying a text, I want to link the button to a different page inside the same directory?

@CodingIsFun Жыл бұрын

@challarashmitha55 2 жыл бұрын

How to add sub options under a option in the menu without using selectbox and dropdown??

@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 2 жыл бұрын

@@CodingIsFun how can I move that bar to up when I make it horizontal?

@user-tt9cj3wt7m 9 ай бұрын

Nice tuto @CodingIsFun but I see that `streamlit_option_menu ` component is not supported anymore, do you have any update?

@CodingIsFun 9 ай бұрын

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.

@user-tt9cj3wt7m 9 ай бұрын

@@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

@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 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!

@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 Жыл бұрын

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!

@greyghost8343 10 ай бұрын

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 10 ай бұрын

Thanks for watching and for your question. Hard to tell from a distance why you are facing an error. Sorry that I cannot help.

@SideHustle1313 5 ай бұрын

How to go to top of a page using streamlit button? Please reply

@defathajourney9466 Жыл бұрын

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 Жыл бұрын

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 Жыл бұрын

@@CodingIsFun thank you so much for your information 😁

@bhavyakumar3978 Жыл бұрын

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 Жыл бұрын

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!

@datascience6176 Жыл бұрын

how we can add backgroung image in sidebar in streamlit app

@CodingIsFun Жыл бұрын

With custom CSS Check out this video: kzfaq.info/get/bejne/pt-HpNpm3qmylKM.html

@datascience6176 Жыл бұрын

@@CodingIsFun Thanks

@watchbro3319 5 ай бұрын

osm can u tell if i can redirect to other url if press button on menu

@CodingIsFun 5 ай бұрын

Thanks for watching. I am not sure, if that is possible out of the box with streamlit-option-menu. Cheers, Sven ✌️

@travel_a_bit 4 ай бұрын

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 4 ай бұрын

Thank you for watching. Sorry, but I'm not entirely sure what you mean. Cheers, Sven ✌️

@TimothyMuigai-en2nx Ай бұрын

is it possible to create pages using bootstrap templates on streamlit

@CodingIsFun Ай бұрын

Thanks for watching. I have not tried it yet. Cheers, Sven ✌️

@PixelLife0703 11 ай бұрын

How to define the size of the option menu based upon number of options?

@CodingIsFun 11 ай бұрын

Thanks for watching. That should be possible with the custom CSS solution as shown in the video. Happy Coding!

@Luisa_Ribeiro Жыл бұрын

Very nice video! Even after installing and importing I get this error: No module named 'streamlit_option_menu'. Any guess as to why?

@CodingIsFun Жыл бұрын

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 Жыл бұрын

@@CodingIsFun You're good! That's exactly what was wrong :) Thank you!

@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 Жыл бұрын

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!

@xrhstos1330 4 ай бұрын

Is it possible to make the change from one navigational page to another almost instantly and not have to wait so many seconds?

@CodingIsFun 3 ай бұрын

Thank you for watching. I think, that is not possible due to Streamlit's "rerun" mechanism. Cheers, Sven ✌️

@maitreyakanitkar8742 8 ай бұрын

selected keeps on moving abck to default index even though the content displayed is of other page

@CodingIsFun 8 ай бұрын

Thanks for watching and for your question. Hard to tell from a distance why you are facing an error. Sorry that I cannot help.

@studiospan6426 9 ай бұрын

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 9 ай бұрын

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 9 ай бұрын

@@CodingIsFun thanks a ton for your help again 🙂

@rofiatulkhoiriyah9997 Жыл бұрын

how to display video on streamlit?

@CodingIsFun Жыл бұрын

Here you are: docs.streamlit.io/library/api-reference/media/st.video

@d.k.yogeshwaran1923 Жыл бұрын

Bro how to add colors varients for syntax and text

@CodingIsFun Жыл бұрын

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 Жыл бұрын

@@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 Жыл бұрын

@@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!

@arunasrancevas6095 Жыл бұрын

Was there an update to this? I am using orientation="horizontal", still remains vetical. I even copied your code, same issue?

@arunasrancevas6095 Жыл бұрын

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 Жыл бұрын

Oddly enought I deleted the with st.sidebar and it works fine?

@arunasrancevas6095 Жыл бұрын

Ok, I just rewatched the video. All is fine!

@CodingIsFun Жыл бұрын

Happy to hear that you figured it out!

@vikassingh5628 8 ай бұрын

getting this error *ModuleNotFoundError: No module named 'streamlit_option_menu* even after installing the required package

@CodingIsFun 8 ай бұрын

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!

@rahmiutamimulyadi Ай бұрын

why i still can't run my code, even I have installed the streamlit-option-menu module?

@CodingIsFun Ай бұрын

Thanks for watching. Hard to tell from a distance. Cheers, Sven ✌️

@MatheusSilva-lp3lu Жыл бұрын

hey man, can u help me please? I'm trying deploy an archive with option menu, but streamlit don't let me do it

@MatheusSilva-lp3lu Жыл бұрын

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?

@MatheusSilva-lp3lu Жыл бұрын

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 Жыл бұрын

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

@MatheusSilva-lp3lu Жыл бұрын

@@CodingIsFun thank u my friend

@vaibhavk2430 2 жыл бұрын

Is it possible to draw route between two location in streamlit

@CodingIsFun 2 жыл бұрын

Can you perhaps elaborate on what you're actually trying to achieve? Please provide some additional info. Thanks!

@vaibhavk2430 2 жыл бұрын

@@CodingIsFun route means as you see in google maps direction from one location to other location

@CodingIsFun 2 жыл бұрын

@@vaibhavk2430 Do you want to embed Google maps into your Streamlit app?

@vaibhavk2430 2 жыл бұрын

@@CodingIsFun yes like that

@vaibhavk2430 2 жыл бұрын

@@CodingIsFun ie. If i point to two location and a direction from one location to other location

@mentanagavenkatasrinivas9245 Жыл бұрын

some bootstrap icons arrre not working, example : car-front

@CodingIsFun Жыл бұрын

Thanks for the hint

@souravbarua3991 Жыл бұрын

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 Жыл бұрын

Please define "no tab"

@souravbarua3991 Жыл бұрын

@@CodingIsFun no tab means at first it won't select any tab by default unless user chooses one.

@CodingIsFun Жыл бұрын

@@souravbarua3991 Ok, but which page do you want to show instead? You need to render something...

@souravbarua3991 Жыл бұрын

@@CodingIsFun simple introduction page. And after that user will select Home page. Is that possible?

@pranjalkumar6047 Жыл бұрын

What is meaning of "nav-link"

@CodingIsFun Жыл бұрын

It's the CSS class

@ki7985 2 жыл бұрын

can we add a background picture?

@CodingIsFun 2 жыл бұрын

Do you mean a background image inside the navbar?

@ki7985 2 жыл бұрын

@@CodingIsFun i mean an background image for the whole page

@CodingIsFun 2 жыл бұрын

@@ki7985 discuss.streamlit.io/t/how-do-i-use-a-background-image-on-streamlit/5067/6

@JASHiNSENNiN 10 ай бұрын

How can I make it stay on the top even if I scroll?

@CodingIsFun 10 ай бұрын

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 10 ай бұрын

I see, Ill look into it. Thanks! :D

@poovarasanchandiran8934 Ай бұрын

Got Runtimeerror while importing streamlit option menu

@poovarasanchandiran8934 Ай бұрын

How to fix this?

@CodingIsFun Ай бұрын

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.