Page 1 of 3

Betterlook.pbi - Make your PB app UI better-looking (WIP - Windows x64)

Posted: Wed May 17, 2023 9:14 pm
by firace
betterlook.pbi is a small set of tweaks to help you make your PB app look a little better on Windows.

Image

It is partly based on my now-abandoned SWV project, but has somewhat smaller ambitions:
The main components are a side panel menu, a custom title bar and some modern-looking buttons.
Nothing revolutionary, but perhaps better than nothing. :)

Note that no HTML/JS is needed to design the UI. Just easy, standard PB syntax.

Web page with executable demo: https://www.radsix.com/betterlook/

It's EASY and FAST to set up and use, and requires no DLL, but be warned that the internal code in the PBI is a royal mess!

With the PBI, you can achieve the below look with just 10 easy lines of code!

Image

Image

--
UPDATE MAY 29, 2023:

Now ready to share the kit with a first group of users!
During the first few weeks, priority will be given to users who have been active on this forum for at least 2 years.

I have decided to share the full source code to allow for a proper evaluation.
Also I chose to go for an early release and allow people to give it a try already, rather than waiting for a 'perfect' product.


To obtain a download link, please PM me and I will try to get back to you (usually within 24-36 hours).
The package includes the full source code, and a couple example programs.

Important: You must agree not to share the source code publicly without my prior approval.

The evaluation period is 45 days. Then:

For use in commercial apps, please contact me to purchase a license at a reasonable cost.

For use in personal/family/freeware apps: FREE forever!
(Donations are welcome, though, and will greatly encourage me to keep maintaining and improving the library.)
Also, if you build nice-looking programs using the library, I would love to see some screenshots!


Note: Procedure names and parameters are still likely to change during the next few weeks.

I am planning to rename the library to one of the below options. Which one do you prefer?
  • betterlook.pbi (current)
  • modernlook.pbi
  • freshlook.pbi
  • modernkit.pbi
  • altlook.pbi
  • prolook.pbi

Re: Betterlook.pbi - Make your PB app UI better-looking (WIP - Windows x64)

Posted: Wed May 17, 2023 10:11 pm
by BarryG
I'm interested.

Re: Betterlook.pbi - Make your PB app UI better-looking (WIP - Windows x64)

Posted: Wed May 17, 2023 11:52 pm
by Andre
Looks good and promising! :D

Re: Betterlook.pbi - Make your PB app UI better-looking (WIP - Windows x64)

Posted: Thu May 18, 2023 5:57 am
by Ajm
I'd be interested to see more. Looks really good.

Re: Betterlook.pbi - Make your PB app UI better-looking (WIP - Windows x64)

Posted: Thu May 18, 2023 11:49 am
by Caronte3D
It looks great, but if we need more gadget types and use the standard ones, the result would be weird (I think).
It would be nice if almost all current gadgets in PB were translated into this look. I sure would pay for something like that.

Re: Betterlook.pbi - Make your PB app UI better-looking (WIP - Windows x64)

Posted: Thu May 18, 2023 12:17 pm
by BarryG
Caronte3D wrote: Thu May 18, 2023 11:49 amIt would be nice if almost all current gadgets in PB were translated into this look.
Optionally, yes. Not mandatory. The current Win32 look is still useful and needed.

Re: Betterlook.pbi - Make your PB app UI better-looking (WIP - Windows x64)

Posted: Thu May 18, 2023 1:32 pm
by firace
Converting all (or even most) gadgets would be a different project actually - much bigger than I could handle with the limited time I have, I'm afraid. But I believe this PBI can be a good tradeoff, at least until a better option becomes available.

Here's another screenshot showing some standard gadgets as well. Whether it looks nice or weird is probably a matter of taste, but I've worked with a lot of business apps that look much worse IMO :)

Note: open the image in a new tab to see it in high quality!

Image

Re: Betterlook.pbi - Make your PB app UI better-looking (WIP - Windows x64)

Posted: Fri May 19, 2023 12:53 pm
by blueb
I'm always interested in better eye-candy for PureBasic. :mrgreen:

Re: Betterlook.pbi - Make your PB app UI better-looking (WIP - Windows x64)

Posted: Fri May 19, 2023 3:58 pm
by firace
Another demo screenshot, with a narrow side panel.

The full EXE size is only 175KB, with no dependencies!

(Open the image in a new tab to see it in full quality)

Image

Re: Betterlook.pbi - Make your PB app UI better-looking (WIP - Windows x64)

Posted: Fri May 19, 2023 3:59 pm
by firace
OK enough teasing :)

First public release will be available soon at a small one-time cost, but if some people
want free early access to the latest release candidate and do some beta testing, just send me
a quick PM. I am usually able to respond within 24-48h.

Just a few caveats:
  1. Again, please do not expect an Electron alternative or a full UI framework (see top post).
  2. Code is currently not DPI aware. It shouldn't be too complicated to implement though.
  3. By default, the PBI uses gadget numbers in the 500-600 range. Keep this in mind to avoid overlapping gadget numbers.
  4. Probably works best for fixed-size, single-window applications - untested for more complex cases.
  5. Only Windows 10 x86 and x64 have been tested so far. Windows 11 not tested yet.

There is no documentation but I will post a commented "Hello World" example code to get started easily.

Re: Betterlook.pbi - Make your PB app UI better-looking (WIP - Windows x64)

Posted: Fri May 19, 2023 5:17 pm
by nsstudios
It would be nice if you could publish a quick little demo program that uses your setup. I'm mostly interested in testing if/how it impacts accessibility.

Re: Betterlook.pbi - Make your PB app UI better-looking (WIP - Windows x64)

Posted: Sat May 20, 2023 12:20 am
by BarryG
firace wrote: Fri May 19, 2023 3:59 pmFirst public release will be available soon at a small one-time cost
Make sure you allow enough time for us to buy it. Money's tight these days and some people only get paid monthly.

BTW, it's really an alternative/modern look; not necessarily a "better" look. Beauty is in the eye of the beholder.

Re: Betterlook.pbi - Make your PB app UI better-looking (WIP - Windows x64)

Posted: Sat May 20, 2023 10:15 am
by firace
BarryG wrote: Sat May 20, 2023 12:20 am Make sure you allow enough time for us to buy it. Money's tight these days and some people only get paid monthly.
Sure! Will keep that in mind.
BarryG wrote: Sat May 20, 2023 12:20 am BTW, it's really an alternative/modern look; not necessarily a "better" look. Beauty is in the eye of the beholder.
Agree - I might consider changing the final name to something like modernlook or freshlook but the main priority is to make a first version available for testing.

Re: Betterlook.pbi - Make your PB app UI better-looking (WIP - Windows x64)

Posted: Sat May 20, 2023 2:50 pm
by firace
Update: confirmed to build fine using PB 6.x (both ASM & C backends).

Re: Betterlook.pbi - Make your PB app UI better-looking (WIP - Windows x64)

Posted: Sun May 21, 2023 10:02 pm
by firace
nsstudios wrote: Fri May 19, 2023 5:17 pm It would be nice if you could publish a quick little demo program that uses your setup. I'm mostly interested in testing if/how it impacts accessibility.
Accessibility is not fully implemented at this stage, but is on the to-do list.
That said feel free to try out a little demo program here:

https://www.radsix.com/betterlook/index.html

Note that it's only a very simple "Hello world" type of program. Only some of the buttons trigger simple actions. If you try it out and wish to leave a comment, could you please mention your OS version.