The EASIEST way to insert a NAVIGATION into your Streamlit app

👉 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
📊 Dashboard Excel Add-In (𝗚𝗿𝗮𝗳𝗹𝘆): pythonandvba.com/grafly
🎨 Cartoon Charts Excel Add-In (𝗖𝘂𝘁𝗲𝗣𝗹𝗼𝘁𝘀): pythonandvba.com/cuteplots
🤪 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
    @CodingIsFun2 жыл бұрын

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

  • @user-ql9yd1ze6v

    @user-ql9yd1ze6v

    2 жыл бұрын

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

  • @ranjithmahendran5453

    @ranjithmahendran5453

    Жыл бұрын

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

  • @CodingIsFun

    @CodingIsFun

    Жыл бұрын

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

  • @prabhatrawat4394

    @prabhatrawat4394

    Жыл бұрын

    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.

  • @adekamana1964
    @adekamana19642 жыл бұрын

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

  • @CodingIsFun

    @CodingIsFun

    2 жыл бұрын

    Great to hear that! :)

  • @supersteve1585

    @supersteve1585

    3 ай бұрын

    did you link a page to each menu option?

  • @florianroeseler2404
    @florianroeseler24042 жыл бұрын

    Great production quality and so easy to understand!

  • @CodingIsFun

    @CodingIsFun

    2 жыл бұрын

    Thank you, Florian!

  • @blindsight8128
    @blindsight81282 жыл бұрын

    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! :)

  • @b.schloesser81
    @b.schloesser812 жыл бұрын

    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! :)

  • @avinashke1
    @avinashke12 жыл бұрын

    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.

  • @marijnl963
    @marijnl96311 ай бұрын

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

  • @CodingIsFun

    @CodingIsFun

    11 ай бұрын

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

  • @FRUXT
    @FRUXT2 жыл бұрын

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

  • @CodingIsFun

    @CodingIsFun

    2 жыл бұрын

    Merci! Greetings to France! :)

  • @yuong8139
    @yuong81392 жыл бұрын

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

    Great tips. Thanks Sven!

  • @CodingIsFun

    @CodingIsFun

    2 жыл бұрын

    Thank you, Jay!

  • @zhilee8729
    @zhilee87292 жыл бұрын

    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

  • @Challseus
    @Challseus2 жыл бұрын

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

  • @CodingIsFun

    @CodingIsFun

    2 жыл бұрын

    A pleasure! Thanks for watching the video! :)

  • @steva93ful
    @steva93ful2 жыл бұрын

    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.

  • @yunguo99
    @yunguo99 Жыл бұрын

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

  • @CodingIsFun

    @CodingIsFun

    Жыл бұрын

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

  • @timlambe8837
    @timlambe88372 жыл бұрын

    Really nice! Thanks a lot!

  • @CodingIsFun

    @CodingIsFun

    2 жыл бұрын

    A pleasure! Thanks for watching!

  • @viniciusoviedo
    @viniciusoviedo2 жыл бұрын

    Awesome content. Thanks for sharing!!

  • @CodingIsFun

    @CodingIsFun

    2 жыл бұрын

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

  • @nekokuromoji9839
    @nekokuromoji98392 жыл бұрын

    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 😕

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

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

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

  • @marciocristovao2074
    @marciocristovao2074 Жыл бұрын

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

  • @CodingIsFun

    @CodingIsFun

    Жыл бұрын

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

  • @kemueltkd

    @kemueltkd

    Жыл бұрын

    @@CodingIsFun Brasil here, very nice

  • @coldcontent4585
    @coldcontent4585 Жыл бұрын

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

  • @CodingIsFun

    @CodingIsFun

    Жыл бұрын

    Glad it was helpful! 👍

  • @eduardoteixeirajj
    @eduardoteixeirajj2 жыл бұрын

    great video, thank you!

  • @CodingIsFun

    @CodingIsFun

    2 жыл бұрын

    A pleasure. Thanks for watching!

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

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

  • @alexandregol4053
    @alexandregol405310 ай бұрын

    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

    10 ай бұрын

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

  • @jaggyjut
    @jaggyjut2 жыл бұрын

    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!

  • @mazhara9335
    @mazhara93352 жыл бұрын

    Bloody amazing!

  • @CodingIsFun

    @CodingIsFun

    2 жыл бұрын

    Thank you very much!

  • @stateside3
    @stateside32 ай бұрын

    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

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

  • @GenNextAnalyst
    @GenNextAnalyst2 жыл бұрын

    Looks neat!

  • @CodingIsFun

    @CodingIsFun

    2 жыл бұрын

    Thanks!

  • @mayconc.rusher959
    @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

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

  • @rafaelg8238
    @rafaelg82382 жыл бұрын

    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: kzread.info/dash/bejne/iKWbt81-qLPcfLw.html Happy Coding!

  • @rafaelg8238

    @rafaelg8238

    2 жыл бұрын

    @@CodingIsFun thank you.

  • @hmshakib2400
    @hmshakib24002 жыл бұрын

    you are great brother

  • @CodingIsFun

    @CodingIsFun

    2 жыл бұрын

    Thank you!

  • @EscapeReality24
    @EscapeReality247 ай бұрын

    Man, You are amazing!!

  • @CodingIsFun

    @CodingIsFun

    7 ай бұрын

    Thanks! 😃

  • @brendankelly5140
    @brendankelly51402 жыл бұрын

    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.

  • @astronemir
    @astronemir2 жыл бұрын

    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! :)

  • @zparkles
    @zparkles6 ай бұрын

    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

    6 ай бұрын

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

  • @leccaz2575
    @leccaz25757 ай бұрын

    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

    7 ай бұрын

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

  • @noskov5
    @noskov52 жыл бұрын

    nice mate!

  • @CodingIsFun

    @CodingIsFun

    2 жыл бұрын

    Thank you!

  • @hafsahmr9010
    @hafsahmr90102 жыл бұрын

    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 😕

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

  • @jsmith754
    @jsmith754 Жыл бұрын

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

  • @CodingIsFun

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

    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)

  • @janaeshkrish
    @janaeshkrish2 жыл бұрын

    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! 😊 kzread.info/dash/bejne/eWhkls2wntuxorw.html

  • @dfrecipes1138
    @dfrecipes11382 жыл бұрын

    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 😕

  • @ram_qr
    @ram_qr3 ай бұрын

    WOW. Awesome!!!

  • @CodingIsFun

    @CodingIsFun

    3 ай бұрын

    Thank you! Cheers, Sven ✌️

  • @invictusblaze007
    @invictusblaze0079 ай бұрын

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

  • @CodingIsFun

    @CodingIsFun

    9 ай бұрын

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

  • @raffa6796
    @raffa67962 жыл бұрын

    good stuff!

  • @CodingIsFun

    @CodingIsFun

    2 жыл бұрын

    Thanks! 👍

  • @mariamhamed9869
    @mariamhamed98692 жыл бұрын

    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!

  • @youbarajsharma7603
    @youbarajsharma76032 ай бұрын

    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

    2 ай бұрын

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

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

    @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

    @defathajourney9466

    Жыл бұрын

    @@CodingIsFun thank you so much for your information 😁

  • @junaidlatif2881
    @junaidlatif28812 жыл бұрын

    Amazing 😍

  • @CodingIsFun

    @CodingIsFun

    2 жыл бұрын

    Thanks 🤗 I really appreciate your comments & support!

  • @supersteve1585
    @supersteve15853 ай бұрын

    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

    2 ай бұрын

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

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

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

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

  • @myfc8661
    @myfc86613 ай бұрын

    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

    3 ай бұрын

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

  • @user-tt9cj3wt7m
    @user-tt9cj3wt7m10 ай бұрын

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

  • @CodingIsFun

    @CodingIsFun

    10 ай бұрын

    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

    @user-tt9cj3wt7m

    10 ай бұрын

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

  • @BrightiansADW
    @BrightiansADW10 ай бұрын

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

  • @CodingIsFun

    @CodingIsFun

    10 ай бұрын

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

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

    @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

    @Luisa_Ribeiro

    Жыл бұрын

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

  • @challarashmitha55
    @challarashmitha552 жыл бұрын

    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?

  • @rakoczipiroska5632
    @rakoczipiroska56322 ай бұрын

    Congratulations. And something more: thank you.

  • @CodingIsFun

    @CodingIsFun

    2 ай бұрын

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

  • @alokpal7347
    @alokpal734710 ай бұрын

    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

    10 ай бұрын

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

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

  • @AtharvaAthaley
    @AtharvaAthaleyАй бұрын

    How to switch Pages with this module?

  • @greyghost8343
    @greyghost834311 ай бұрын

    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

    11 ай бұрын

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

  • @gonzalopietraroia2868
    @gonzalopietraroia28682 жыл бұрын

    How can i navigate into markdowns with de navbar?

  • @CodingIsFun

    @CodingIsFun

    2 жыл бұрын

    I am not sure how to do that - sorry!

  • @SideHustle1313
    @SideHustle13135 ай бұрын

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

  • @christianrauth1425
    @christianrauth14252 жыл бұрын

    This T-Shirt 😍

  • @CodingIsFun

    @CodingIsFun

    2 жыл бұрын

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

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

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

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

  • @Jose-bt2kt
    @Jose-bt2kt9 ай бұрын

    good, good, really helpfull

  • @CodingIsFun

    @CodingIsFun

    9 ай бұрын

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

  • @watchbro3319
    @watchbro33196 ай бұрын

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

  • @CodingIsFun

    @CodingIsFun

    6 ай бұрын

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

  • @datascience6176
    @datascience6176 Жыл бұрын

    how we can add backgroung image in sidebar in streamlit app

  • @CodingIsFun

    @CodingIsFun

    Жыл бұрын

    With custom CSS Check out this video: kzread.info/dash/bejne/oq2L09luqaa0lNI.html

  • @datascience6176

    @datascience6176

    Жыл бұрын

    @@CodingIsFun Thanks

  • @travel_a_bit
    @travel_a_bit5 ай бұрын

    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

    5 ай бұрын

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

  • @studiospan6426
    @studiospan642610 ай бұрын

    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

    10 ай бұрын

    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

    10 ай бұрын

    @@CodingIsFun thanks a ton for your help again 🙂

  • @phucle1669
    @phucle1669 Жыл бұрын

    thank your

  • @CodingIsFun

    @CodingIsFun

    Жыл бұрын

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

  • @arunasrancevas6095
    @arunasrancevas60952 жыл бұрын

    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!

  • @maitreyakanitkar8742
    @maitreyakanitkar87428 ай бұрын

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

  • @CodingIsFun

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

  • @xrhstos1330
    @xrhstos13305 ай бұрын

    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

    3 ай бұрын

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

  • @Moderator1233-c6m
    @Moderator1233-c6m2 ай бұрын

    is it possible to create pages using bootstrap templates on streamlit

  • @CodingIsFun

    @CodingIsFun

    2 ай бұрын

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

  • @MatheusSilva-lp3lu
    @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

    @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

    @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

    @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

    @MatheusSilva-lp3lu

    Жыл бұрын

    @@CodingIsFun thank u my friend

  • @PixelLife0703
    @PixelLife070311 ай бұрын

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

  • @CodingIsFun

    @CodingIsFun

    11 ай бұрын

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

  • @rombohak-lgite4400
    @rombohak-lgite44008 ай бұрын

    thx

  • @CodingIsFun

    @CodingIsFun

    7 ай бұрын

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

  • @vaibhavk2430
    @vaibhavk24302 жыл бұрын

    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

  • @vikassingh5628
    @vikassingh56289 ай бұрын

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

  • @CodingIsFun

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

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

  • @CodingIsFun

    @CodingIsFun

    2 ай бұрын

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

  • @garouga1271
    @garouga1271 Жыл бұрын

    You are the best men

  • @CodingIsFun

    @CodingIsFun

    Жыл бұрын

    Thank you!

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

    Bro how to add colors varients for syntax and text

  • @CodingIsFun

    @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

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

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

    @CodingIsFun

    Жыл бұрын

    Please define "no tab"

  • @souravbarua3991

    @souravbarua3991

    Жыл бұрын

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

  • @CodingIsFun

    @CodingIsFun

    Жыл бұрын

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

  • @souravbarua3991

    @souravbarua3991

    Жыл бұрын

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

  • @mentanagavenkatasrinivas9245
    @mentanagavenkatasrinivas9245 Жыл бұрын

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

  • @CodingIsFun

    @CodingIsFun

    Жыл бұрын

    Thanks for the hint

  • @rofiatulkhoiriyah9997
    @rofiatulkhoiriyah9997 Жыл бұрын

    how to display video on streamlit?

  • @CodingIsFun

    @CodingIsFun

    Жыл бұрын

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

  • @JASHiNSENNiN
    @JASHiNSENNiN11 ай бұрын

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

  • @CodingIsFun

    @CodingIsFun

    11 ай бұрын

    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

    11 ай бұрын

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

  • @ki7985
    @ki79852 жыл бұрын

    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

  • @pranjalkumar6047
    @pranjalkumar6047 Жыл бұрын

    What is meaning of "nav-link"

  • @CodingIsFun

    @CodingIsFun

    Жыл бұрын

    It's the CSS class

  • @poovarasanchandiran8934
    @poovarasanchandiran89342 ай бұрын

    Got Runtimeerror while importing streamlit option menu

  • @poovarasanchandiran8934

    @poovarasanchandiran8934

    2 ай бұрын

    How to fix this?

  • @CodingIsFun

    @CodingIsFun

    2 ай бұрын

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

    Destined to be a Yoda

  • @CodingIsFun

    @CodingIsFun

    Жыл бұрын

    Thank you for your comment! I'm just a regular person trying to make educational content for others to enjoy. 😁

  • @kelvinrweshobora
    @kelvinrweshobora Жыл бұрын

    like

  • @CodingIsFun

    @CodingIsFun

    Жыл бұрын

    Thanks!