Create Dashboard with Dropdown Menu Light and Dark Mode using Java Swing and FlatLaf

[@JoseLorenzoLandicho]

The best dashboard tutorial made by swing so far❤

[@LaingRaven]

Thank you

[@sidiqisoftwarecompany4567]

Sir you are the super hero of java ❤❤❤ love you 🥰

[@LaingRaven]

Thank you

[@souksavanhchoundaly2694]

Thank you for taking the time to teach me that valuable lesson.

[@LaingRaven]

Glad it was helpful!

[@prodbybarn]

Best java designer developer

[@LaingRaven]

Thank you

[@miz2180]

best designer best developer ❤

[@LaingRaven]

Thank you ❤

[@eduardogz1422]

Ra ven, have you thought about doing a series of videos creating a complete inventory system using a database? Videos like this attract a lot of views

[@LaingRaven]

I will try if I can

[@mhmmdsidqi7731]

@@LaingRaven letss gooo boss

[@olanrewajusaka3991]

Bro you just speak m mind all this while...having following Ra all this while. it would be nicer for my GOAT to do a big project on here as its going to attract a massive view trust me....

[@mohammedak6689]

hello raven take this suggestion make tabbed pane like browser with X button , for example when click on any of menu items jFrame should open as tab it will make this Dashboard RichFull , many java developer will using it for there application Thanks

[@gustavoandrades7472]

Excellent work you do, congratulations! ❤. In the menu, how do I clear the selection?

[@LaingRaven]

You can call : Application.setSelectedMenu(-1, -1); and go to MainForm.java add one condition in init menu event like this: if(index==-1){ // Keep here empty }else if(index==0){ -------

[@mohammedak6689]

Excellent , it will be 100 % if user Roles and Permissions added

[@LaingRaven]

Will update when free 😘

[@younesssgh8586]

i've already imported flatlaf lib in my project ,i work with it , how can i modify properties file and set up my own colors? or i have just to create a new properties file?

[@LaingRaven]

Modify in package theme. For custom color you can read flatlaf document

[@kajaplayer1866]

Java Swing God bro ! ❤❤❤

[@LaingRaven]

Thank you

[@devopsjava]

How to increase the gap between buttons? Btw huge respect!

[@angeldavidochoa2397]

Excellent video!! I have a question, where can I get more SVG icons like the ones you have?

[@LaingRaven]

Use Icons8 app from google, but for svg icon it's not free

[@BilalSahi-mv9ef]

hi sir how can I open any other menu item or sub-menu item from j button in a frame

[@lengocson1890]

Hello sir, how to put the button menu on the panel border?

[@dahianabasigaluz7971]

Considero que tenes buen contenido pero para principiantes que no han tocado mucho este tipo de hacer programas, no se entiende ni jotas, si pudieras hacer uno donde usemos componentes de java swing con este efecto seria buenisimo.

[@codingskys564]

HI, SIR, I AM HAVING A SMALL PROBLEM MY PAGES OF FRAMES OR FORMS REMAIN ON THE SAME SIZE AS THEY WERE BEFORE ON RESTORE DOWNSTATE WHEN I MAXIMIZE THE WINDOW ALL COMPONENTS REMAIN AS SAME SIZE THEY DO NOT GET ENLARGED WHEN I MAXIMIZE A WINDOW.

[@LaingRaven]

Please screenshot your problem post in github issues.

[@codingskys564]

@@LaingRaven I have posted a problem.

[@SaugatShahiThakuri]

Hey, What if I want the sidebar to remain the same, not having the slide animation, What part of the code should be removed and how to do it, please reply I have my college project to work on but I don't want the menus button to be responsive i.e. being set to normal with icon and respective name?

[@LaingRaven]

You can remove this line : github.com/DJ-Raven/flatlaf-dashboard/blob/6a22ceaa917ec57d8e705f9092a6d31f5d85df21/src/raven/application/form/MainForm.java#L51

[@SaugatShahiThakuri]

@@LaingRaven How to change the gap between the buttons and how to move the darkmode buttons a bit upward cause when I tried to change I got the border of mode buttons hidden behind the JPanel of menu.java

[@BasnetAryan]

How to add some horizontal gap between the menuButtons, I tried a lot changing hgap and everything but it remained still so please help me with that.

[@bluewayne7594]

Hello, it is a really cool UI design and nice. May I have your permission to use your code in my project?

[@LaingRaven]

@@bluewayne7594 all source code I public are free to use 😊

[@xuanthenguyen245]

Thanks. Can I set mode for only MainForm? Example LoginForm I code myself and I want to add it into MainForm haven LightDarkMode. I can't solve this problem

[@LaingRaven]

Sorry, Not clear what you want 😴

[@gersonsoccarobuis3910]

Se ve increíble.

[@LaingRaven]

Thank you

[@shamilAliyev92]

You're just Amazing!

[@LaingRaven]

Thanks you

[@saam-khatri]

Can you create this type of sidebar using javafx ?

[@LaingRaven]

Sorry I can't with fx

[@BilalSahi-mv9ef]

Hi Such a great job but I have a question ? How can I maximize the hight and base of this project and there is no close button for user to close it how he will be able to close it?

[@LaingRaven]

Use Jfram undecorated false to enable close button. Change it in class Application.java

[@BilalSahi-mv9ef]

@@LaingRaven Sir but there is not a single word like undecorated in that file

[@nurulwulansari1540]

How to make the menu flexible, meaning the menu will be displayed based on the role of the logged-in user. For example, the administrator role will display the menu: {"MAIN"}, {"Dashboard"}, {"WEB APP"}, {"Email", "Inbox", "Read", "Compost"}, {"Chat"}, {"Calendar"}, and the user role will display the menu: {"COMPONENT"}, {"Advanced UI", "Cropper", "Owl Carousel", "Sweet Alert"}, {"Forms", "Basic Elements", "Advanced Elements", "Editors", "Wizard"},

[@عبدالرحمن-ج8ك6ه]

Did you know how?

[@propilen3]

Thanks!

[@LaingRaven]

You're welcome

[@ociliojose4762]

Do you have any example with splash screen

[@LaingRaven]

Check this : kzbin.info/www/bejne/f3WxXpt_eqt0mac And : kzbin.info/www/bejne/a2iudKybZt6IbKM

[@josiasaldaz8325]

can do we it in MVC ?

[@kreiss9317]

Awesome as always! Do you have a website you go to get the svg icons? Also, is it possible to change the font of the Menu? Thank you!

[@LaingRaven]

For svg icon I use icons8 by google. if you want free svg icon try this from intellij rp github.com/JetBrains/intellij-community/tree/master/platform/icons/src

[@LaingRaven]

For menu font updated pls check git or pull for last update : This update : github.com/DJ-Raven/flatlaf-dashboard/commit/531d47deca38c58e65123adb189820e183d6f97a

[@kreiss9317]

@@LaingRaven Thank you so much! Quick question, is it possible to add icons on the submenu?

[@BilalSahi-mv9ef]

Hi sir, when I minimize my window and then open it after some minutes all the page and commponents disappered. when I move coursor over the blank page they start appearing again as I passes my mouse over a commponent? How can I fix it?

[@LaingRaven]

I thing your issue like this : github.com/JFormDesigner/FlatLaf/issues/700

[@andersonferreira5836]

Teacher, Where do I learn to do this?

[@BilalSahi-mv9ef]

Hi sir I want to ask that If I want to edit the front login page for example, if Iwant to add title or text how can I do it? When I tried to edit the login form but it does not shows when I run the program.

[@BilalSahi-mv9ef]

Sir please reply ?

[@kumariherath5083]

Great job

[@LaingRaven]

Thank you

[@sidiqisoftwarecompany4567]

❤❤❤❤

[@oscarbavi7886]

when you create a selector language modern form for selected lenguage?

[@LaingRaven]

Will add if I can

[@lmorchest5869]

Hello, can you tell me where I can get the "svgsalamander"?

[@LaingRaven]

Here : github.com/JFormDesigner/svgSalamander But in flatlaf version 3.2 have move to use JSVG github.com/weisJ/jsvg

[@lmorchest5869]

​@@LaingRaven I really apreciate it

[@teguhjulianto]

Can you provide the steps from the start to create the Dashboard?

[@palmertechnologia5343]

show the complete tutorial for this video or lesson please

[@BilalSahi-mv9ef]

Sir i want to know that how can we relode some panel or can call a main menu button from jpannel or from jform

[@LaingRaven]

Try with this video : kzbin.info/www/bejne/ppite617nq-tkK8 For undo redo code : github.com/DJ-Raven/java-simple-code/blob/main/src/undoredo/UndoRedo.java

[@MarkZuckerberg-u6g]

Brother, do you have the source code of this video? The login has not been added

[@LaingRaven]

Full source code in description this video.

[@ameen1450]

where can i get those icons

[@LaingRaven]

Use Icons8 from google, but for svg it's not free

[@minhbinheptrainhatpolyhehe8648]

How can I contact you?

[@BilalSahi-mv9ef]

And please can i use your cade in my oen projects

[@LaingRaven]

It's free

[@michael_fsanchez]

How to do change between theme?

[@LaingRaven]

You can check this code : github.com/DJ-Raven/flatlaf-dashboard/blob/7be0cd763ab5ba1243afc26e16dfd197b7a2c305/src/raven/menu/mode/LightDarkMode.java#L77-L97

[@michael_fsanchez]

@@LaingRaven it works!!!! thank you bro, i follow all your videos!!

[@teguhjulianto]

may I use the source code for my project ?

[@LaingRaven]

Yes you can. It free

[@teguhjulianto]

@@LaingRaven thank you

[@穆华春]

你好，哥们，我看你这个菜单栏是二级的，请问如果是三级的应该怎么设计？

[@穆华春]

或者是四级、五级等等

[@LaingRaven]

In this project, we can't do it. but you can try with this project : kzbin.info/www/bejne/q2KUeKOwo52dnbs

[@穆华春]

very thank you you are awesome👍@@LaingRaven

[@穆华春]

哥们，时间区间搜索框的样式有视频嘛@@LaingRaven

[@LaingRaven]

Are you looking for date range chooser ? check this : kzbin.info/www/bejne/nKnEZIuQipySiK8

[@MundoDigital_J]

"I have never been able to create any of the screens for the page; I'm a beginner and I don't even know how to create the projects initially, haha. Could you make a single video showing the creation process and not just the already created project?"

[@riotskipnotzzxdprotm1699]

Como se podría hacer para hacer ese menú que se cree desde una base de datos?

[@LaingRaven]

In class Menu use init menuItems array with your menu data in db

[@jaocsvor9910]

Como se le puede poner títulos a los menús como por ejemplo Principal, y luego van sus menús, luego otro titulo y después los menús y así sucesivamente?

[@LaingRaven]

You mean menu item title. Updated check in git. use like this {~Your title name~} in menu item array

[@jaocsvor9910]

@@LaingRaven yes

[@jaocsvor9910]

@Ra Ve tienes un proyecto es este "java-ui-dashboard-011-main" y dentro de ese hay dos clases que son TitleBar y ComponentResizer y no puedo colocarlas en este proyecto sale en blanco

[@LaingRaven]

You mean jfram title bar. But I have update title of the dropdown menu item :(

[@jaocsvor9910]

@@LaingRaven ME REFIERO A QUE QUIERO AGREGAR ESOS LOS BOTONES DE MAXIMIZAR, MINIMIZAR Y SALIR DE ESTE PROYECTO java-ui-dashboard-011-main A EL PROYECTO DE ESTE VIDEO Y NO PUEDO

[@nazifaraisa8]

can you give source code please? the link you provided has the code of flatlaf..not this one

[@LaingRaven]

Already put in description, at the last one, or this : github.com/DJ-Raven/flatlaf-dashboard

[@nazifaraisa8]

Can you give me code for project dashboard -014???

[@dantevillalon3577]

I want to create a SideBar Dropdown menu but you I dont know how since im a beginner and you dont have a walkthrough tutorial huhu :(

[@LaingRaven]

You can check this : kzbin.info/www/bejne/g57GYWWGrrSnhqs

[@BilalSahi-mv9ef]

Sir but there is not a single word like undecorated in that file

[@LaingRaven]

right click on jfram properties uncheck undecorated property

[@olanrewajusaka3991]

I think Oracle should come poach you. and start competing with C# Winforms, C# WPF for Desktop application Trust me

[@LaingRaven]

❤

[@BilalSahi-mv9ef]

sir can I have your any personal contact i have so many questions. Please

[@Patrick_watterson]

When I open your project on netbean JDK 21 then this error appears, please help me fix it (sorry ffor Exception in thread "AWT-EventQueue-0" java.lang.NullPointerException: Cannot invoke "java.net.URL.toExternalForm()" because "location" is null at java.desktop/javax.swing.ImageIcon.(ImageIcon.java:232) at raven.menu.Menu.init(Menu.java:88) at raven.menu.Menu.(Menu.java:78)

[@M-UmarDraz]

java.lang.IllegalArgumentException: failed to access field 'javax.swing.plaf.basic.BasicScrollBarUI.scrollBarWidth' this exception is occuring while using your code in maven project

[@LaingRaven]

you need move the flatlaf property file to resource folder

[@AroonHernandez-qd2gc]

@@LaingRaven como es eso o donde es eso

[@AroonHernandez-qd2gc]

@@LaingRaven How do we do that, how do we include those files friend?