Customizing/Theming controls

[itg-assistant]

Tobias asked 2018-02-27 08:00:41 UTC

I'm trying to create a UI similar to the screenshots of post "http://wisej.com/support/question/windows-or-pages". Can you please provide my some more details on how to do this ?
Most important at the moment for me is to create some kind of customized and themed treeview as shown on the left "panel" of the screenshot.

Btw. Maybe you can consider to support bootstrap themes for WiseJ ?

[itg-assistant]

Luca answered 2018-02-27 17:00:07 UTC

Bootstrap themes are just css. There are html templates but they don't change the layout of widgets. The cool screenshots you see around are developed by someone.

The TreeView control in Wisej can be themed using the ThemeBuilder. The one in the screenshot is a combination of a mixin theme and layout changes to move the open button to the right. I will upload a sample project with a standard themed TreeView and the "advanced" themed TreeView you see in the screenshot.

[itg-assistant]

Luca answered 2018-02-27 20:51:51 UTC

Here is a small sample. To move the mdi child menu to the tab button, select app.CustomTabbedMdi.js in the project and change it to "Embedded Resource".

There are two tree views. One is the standard with some minor color settings. The other is also the standard tree but it uses the RightNode class that moves the open button to the right and adds the vertical line.

Runtime

Design

[itg-assistant]

Tobias answered 2018-02-27 21:06:12 UTC

Thank you very much for the sample Luca.
I’ll try to adjust it to my needs…