B4J Library 🚀🔥 jDashboardUI v24.2 — New Version Available 🔥🚀

Hi everyone,

jDashboardUI v24.2 is now available. 🎉

This release introduces new functionality and several improvements to existing components, especially around visual customization, toolbars, charts, navigation and status bars.

🎨 JDashboardThemes — 15 themes and live switching​

One of the main additions in this release is JDashboardThemes.

It includes 15 ready-to-use CSS themes, including:

  • Fluent Light / Dark
  • Fluent Ocean
  • Fluent Forest
  • Fluent Lilac
  • Dracula
  • Catppuccin Mocha
  • Nord
  • Gruvbox
  • Solarized Light / Dark
  • Rose Pine
  • Tokyo Night
  • One Dark
  • Monokai
An important feature is that themes can be changed immediately while the application is running.

There is no need to restart the application, recreate the Form or reload the layout.

Code: 
JDashboardThemes.ApplyToForm( _
MainForm, _
JDashboardThemes.THEME_FLUENT_DARK)

And later:

Code: 
JDashboardThemes.ApplyToForm( _
MainForm, _
JDashboardThemes.THEME_TOKYO_NIGHT)

The visual change is applied immediately.

A theme can also be applied only to a specific <span>Pane</span>.

Code: 
JDashboardThemes.ApplyToPane( _
pnlEditor, _
JDashboardThemes.THEME_DRACULA)

🧰 New JToolBar​


Captura de pantalla 2026-10-26 163109.png


This release introduces JToolBar, a flexible toolbar that can host different types of Views.

Among other things, it can contain:

  • buttons;
  • icons;
  • images;
  • separators;
  • TextFields;
  • ComboBoxes;
  • standard B4J Views;
  • compatible CustomViews.
It also supports automatic multi-row wrapping when the available horizontal space is exhausted.

Code: 
Actions.Wrap = True
Actions.RowHeight = 32dip
Actions.Spacing = 3dip

This makes it possible to build much more flexible toolbars that adapt to the available space.

📊 Chart improvements — rolling and real-time data​

Several charts can now append values incrementally without rebuilding the complete dataset.

Code: 
JLineChart1.AddPoint( _
DateTime.Time(DateTime.Now), _
Rnd(20, 100), _
24)

<span>MaxPoints</span> can be used to keep only the latest values and automatically remove the oldest one.

This functionality is available in several compatible chart components.

For <span>JBarChart</span> using bars and a line together:

Code: 
JBarChart1.AddCombinedPoint( _
DateTime.Time(DateTime.Now), _
Rnd(20, 100), _
Rnd(20, 100), _
24)

The label, bar value and line value remain synchronized.

🟢 JStatusBarView — Char or image before the text​

Captura de pantalla 2026-10-26 230326.png


JStatusBarView can now optionally display an independent Char before the message text.

The Char can have its own:

  • Font;
  • size;
  • color.
Code: 
JStatusBarView1.SetIndicator( _
"●", _
xui.Color_Green)

JStatusBarView1.ShowMessage("Ready")

FontAwesome, Material Icons or another Font can also be used:

Code: 
JStatusBarView1.SetIndicator( _
Chr(0xF00C), _
xui.Color_Green, _
fx.CreateFontAwesome(16))

JStatusBarView1.ShowMessage("Saved")

It is also possible to display a 16×16 image before the text, using <span>JImageView</span>:

Code: 
JStatusBarView1.SetIndicatorImage( _
File.DirAssets, _
"Document-save.png")

JStatusBarView1.ShowMessage("Document saved")

The Char or image remains vertically centered and can be changed dynamically while the application is running.

🔘 JTabBar​

JTabBar now directly exposes:

Code: 
JTabBar1.Visible = False
JTabBar1.Enabled = False

When hidden or disabled, it also stops processing user interaction.

🖼 jMenuItem — simplified image handling​

Image handling in jMenuItem has also been simplified.

An item can now be initialized normally and the image assigned afterwards:

Code: 
Dim itemSave As jMenuItem
itemSave.Initialize("SaveFile", "Save")
itemSave.Tooltip = "Save the active document"
itemSave.SetImageIcon(File.DirAssets, "Document-save.png")
itemSave.Shortcut = "Ctrl+S"

fileTab.AddItem(itemSave)

📚 Updated documentation​

The official documentation has been updated and already includes all changes in this release, APIs, properties and usage examples.

👉 Official documentation:

https://b4xapp.com/en/docs/jdashboardui

I recommend checking the documentation, as there are more changes and implementation details than would be practical to include in a single forum post.

🔄 Updating​

If you are already using an earlier version of jDashboardUI, replace:

Code: 
jdashboardUI.b4xlib

with the new v24.2 version.

⚠️ Testing note​

Some of the new functionality has not yet been tested under every possible combination of controls, sizes, layouts, themes and application configurations.

The implemented features have been reviewed and tested in the currently available scenarios and should work as expected, but there may still be edge cases that have not yet been discovered.

If you encounter unexpected behavior, I would appreciate it if you could post the exact scenario and, if possible, a small example that allows the issue to be reproduced and fixed.

Thank you very much for all the feedback, testing and suggestions. 👍

jDashboardUI v24.2 is available now. 🚀
 
Click to expand...
GMan said:
I want to save the state of value of the switches to a map.

Here is the Code:
Code: 
Sub SaveSwitches
    Dim SwitchMap As Map
    SwitchMap.Initialize  'Erstellen Sie eine neue Instanz der Map
    SwitchMap.Put("SwitchBewegung",SwitchBewegung.mBase.Checked)
    SwitchMap.Put("SwitchTrinken", SwitchTrinken.mBase.Checked)
    SwitchMap.Put("SwitchEssen",SwitchEssen.mBase.Checked)
    SwitchMap.Put("SwitchRauchen", SwitchRauchen.mBase.Checked)
    File.WriteMap(File.DirApp,"set_switch.txt",SwitchMap)
End Sub

But this doesnt work and throws an error:
Code: 
java.lang.RuntimeException: Type does not match (class anywheresoftware.b4j.objects.PaneWrapper$ConcretePaneWrapper$NonResizePane)
Click to expand...
Just an additional suggestion! 😄

Instead of manually saving the switch states to a text file using a Map, I would recommend using jdProperties, which is already included in jDashboardUI.

It uses KeyValueStore internally, making it convenient for storing persistent application settings.

First, declare and initialize it:

Code: 
Private Settings As jdProperties

Settings.Initialize("Settings", "settings.db")

Save the switch states:

Code: 
Sub SaveSwitches
Settings.Put("Movement", SwitchBewegung.Checked)
Settings.Put("Drink", SwitchTrinken.Checked)
Settings.Put("Eat", SwitchEssen.Checked)
Settings.Put("Smoke", SwitchRauchen.Checked)
End Sub

Restore the saved states:

Code: 
Sub LoadSwitches
Settings.SetDefaultValue("Movement", False)
Settings.SetDefaultValue("Drink", False)
Settings.SetDefaultValue("Eat", False)
Settings.SetDefaultValue("Smoke", False)

SwitchBewegung.Checked = Settings.Get("Movement")
SwitchTrinken.Checked = Settings.Get("Drink")
SwitchEssen.Checked = Settings.Get("Eat")
SwitchRauchen.Checked = Settings.Get("Smoke")
End Sub

Initialize jdProperties once and restore the values after loading your layout.

You can also save the values whenever a switch changes.

The advantage is that you can use the same class to save other application preferences, such as language, theme, window settings, and much more.

No manual file handling required! 😎👍
 
fernando1987 said:
Just an additional suggestion! 😄

Instead of manually saving the switch states to a text file using a Map, I would recommend using jdProperties, which is already included in jDashboardUI.

It uses KeyValueStore internally, making it convenient for storing persistent application settings.

First, declare and initialize it:

Code: 
Private Settings As jdProperties

Settings.Initialize("Settings", "settings.db")

Save the switch states:

Code: 
Sub SaveSwitches
Settings.Put("Movement", SwitchBewegung.Checked)
Settings.Put("Drink", SwitchTrinken.Checked)
Settings.Put("Eat", SwitchEssen.Checked)
Settings.Put("Smoke", SwitchRauchen.Checked)
End Sub

Restore the saved states:

Code: 
Sub LoadSwitches
Settings.SetDefaultValue("Movement", False)
Settings.SetDefaultValue("Drink", False)
Settings.SetDefaultValue("Eat", False)
Settings.SetDefaultValue("Smoke", False)

SwitchBewegung.Checked = Settings.Get("Movement")
SwitchTrinken.Checked = Settings.Get("Drink")
SwitchEssen.Checked = Settings.Get("Eat")
SwitchRauchen.Checked = Settings.Get("Smoke")
End Sub

Initialize jdProperties once and restore the values after loading your layout.

You can also save the values whenever a switch changes.

The advantage is that you can use the same class to save other application preferences, such as language, theme, window settings, and much more.

No manual file handling required! 😎👍
Click to expand...
Thx for this again.
But if i WANT to save manually, how to do with my code ?

btw: the code above works fine.
I like the map-mimic, 'cause i can see whats in it.
How can i look into the settings.db ?
 
Last edited:
GMan said:
Thx for this again.
But if i WANT to save manually, how to do with my code ?

btw: the code above works fine.
I like the map-mimic, 'cause i can see whats in it.
How can i look into the settings.db ?
Click to expand...
To do this from your code, please check the previous post; I explained it there. You cannot view the content directly from the database—it is encrypted and stored as bytes; only the app can write to it or access it.
 
JCheckBox

Everything works fine 👍

But - no day without question 😂.

Can i change the symbol in the JCheckBox, too ?
1793361490233.png
 
GMan said:
JCheckBox

Everything works fine 👍

But - no day without question 😂.

Can i change the symbol in the JCheckBox, too ?
View attachment 174609
Click to expand...
Haha, no day without a new experiment! 😂👍

Good news! You can already customize the symbol inside JCheckBox using the SetIcon method.

For example, using a FontAwesome smiley:

Code: 
JCheckBox1.SetIcon(Chr(0xF118), xui.CreateFontAwesome(18))

Or using Material Icons:

Code: 
JCheckBox1.SetIcon(Chr(0xE5CA), xui.CreateMaterialIcons(18))

You can also use your own image:

Code: 
JCheckBox1.SetImage(File.DirAssets, "check.png", True)

Just remember that the icon or image is displayed when the checkbox is checked. When unchecked, the symbol is hidden.

So yes, JCheckBox is already customizable too. No changes to the library are required! 😎👍
 
P.E.R.F.E.C.T.
1793366608988.png


Your Lib is like a lucky dip: full of all sorts of great things :cool:
 
fernando1987 said:
Haha, no day without a new experiment! 😂👍

Good news! You can already customize the symbol inside JCheckBox using the SetIcon method.

For example, using a FontAwesome smiley:

Code: 
JCheckBox1.SetIcon(Chr(0xF118), xui.CreateFontAwesome(18))

Or using Material Icons:

Code: 
JCheckBox1.SetIcon(Chr(0xE5CA), xui.CreateMaterialIcons(18))

You can also use your own image:

Code: 
JCheckBox1.SetImage(File.DirAssets, "check.png", True)

Just remember that the icon or image is displayed when the checkbox is checked. When unchecked, the symbol is hidden.

So yes, JCheckBox is already customizable too. No changes to the library are required! 😎👍
Click to expand...
You can also use JIconFont to customize the JCheckBox icon. 🙂

There is a complete example called Icon Choose in the JDashboardUI examples folder.

It allows you to explore different icon fonts, preview the icons, select colors using JColorPicker, and copy the icon codes and B4X color values directly to the clipboard.

Here is a simple example of how to initialize and use JIconFont with JCheckBox.

First, declare the class:

Code: 
Private FontIcon As JIconFont

Initialize it after loading your layout:

Code: 
FontIcon.Initialize
FontIcon.FontSize = 20

Now you can use a FontAwesome icon with your JCheckBox:

Code: 
JCheckBox1.SetIcon(Chr(0xF118), FontIcon.IconFontAwesomeSolid)
JCheckBox1.IconColor = xui.Color_White

Or use a Material Design icon:

Code: 
JCheckBox1.SetIcon(Chr(0xF012C), FontIcon.IconMaterialFont)

You can also change its size:

Code: 
JCheckBox1.IconSize = 18

Important: All the required icon fonts (TTF files) are already included in the JDashboardUI library. You do not need to copy, install, or configure any additional font files. Simply initialize JIconFont and start using the available icon fonts. 🙂

The icon will be displayed when the JCheckBox is checked.

JIconFont supports FontAwesome Solid, FontAwesome Regular, Material Design Icons, Bootstrap Icons, and IcoMoon.

I highly recommend opening the Icon Choose example. It is a useful tool for exploring the available icon fonts, previewing different symbols, selecting custom colors, and copying both icon codes and color values directly into your B4X project.

This makes customizing JCheckBox and other JDashboardUI controls much easier.

1793374219729.png


Everything is already included in JDashboardUI. No additional font files or library modifications are required! 😎👍
 
GMan said:
P.E.R.F.E.C.T.
View attachment 174619

Your Lib is like a lucky dip: full of all sorts of great things :cool:
Click to expand...
Thank you! 😎👍

That's exactly the idea behind JDashboardUI!

The main goal of this library is to help developers create beautiful, modern, and professional applications without spending too much time writing code.

I want developers to focus more on their application's functionality and creativity, while JDashboardUI takes care of much of the visual design and customization.

Less coding, more creativity, and better-looking applications! 🚀😊
 
See that there are some new functions :cool: - are more coming and....when can i download the update ? ;)
 
GMan said:
See that there are some new functions :cool: - are more coming and....when can i download the update ? ;)
Click to expand...
Yes, of course! 😁👍

As I mentioned before, I currently have a fairly heavy workload. In addition to my regular responsibilities, I'm working on several large projects and developing other libraries, so I don't always have enough time to release updates as frequently as I would like.

It's also important to remember that **JDashboardUI is already a very complete and extensive library**, offering numerous components, classes, and features for building modern and professional user interfaces.

Because of its size and complexity, every update requires time to implement improvements, verify compatibility, and perform the necessary tests to ensure that existing applications are not affected.

For this reason, **the more frequent updates will mainly focus on fixing important bugs, compatibility issues, or problems that affect the library's functionality**.

As for new features, I will continue adding them progressively, but without committing to specific release dates.

As I explained previously, **my intention is to release at least one major update per year**, although additional versions may be released sooner whenever necessary.

And please don't worry if approximately a year passes between updates. 😉 **That doesn't mean the library has been abandoned or that development has stopped. JDashboardUI will continue receiving updates!** 🚀

I also believe that the library already provides a very comprehensive set of tools for developing complete applications, so my current priority is to maintain its stability, fix issues, and continue improving it whenever necessary.

I prefer taking the time to deliver stable, well-tested versions rather than rushing releases simply to add new features.

Thank you very much for your patience, understanding, and continued support for JDashboardUI! 😊🚀
 
You must log in or register to reply here.
Back
Top