Stylizing build-in elements

[gorangrooves]

Hey guys,

I am fine-tweaking the smallest graphic elements of my instrument and would like to stylize the pre-built elements...

1. Comboboxes: how do I specify a particular font to be used and font size? It is not matching the font I loaded for the project.

2. Floating tile-CustomSettings: how do I customize the included comboboxes (combobox size, font size, font weight, font color)?

3. Floating Tile-CustomSettings. The following automatically-generated buttons are invisible when placed over white background: Clear MIDI CC, Change Sample Folder and Toggle Debug Mode. How do I change background color and text color for those buttons?

4. Floating Tile- Keyboard: Is it possible to change the style of the keyboard? The value "UseFlatStyle": true, doesn't make the keyboard look flat and modern, but rather have a standard look to it. Is there more than 1 keyboard look available?

I hope that those things are possible to do. Thank you!

[d.healey]

@gorangrooves said in Stylizing build-in elements:

1. Comboboxes: how do I specify a particular font to be used and font size? It is not matching the font I loaded for the project.

You have to use Engine.setGlobalFont(). Last time I tried it, which was months ago, it screwed up all my fonts, so test it before you implement it in your main project. It might not have any problems now.

2. Floating tile-CustomSettings: how do I customize the included comboboxes (combobox size, font size, font weight, font color)?

Learn C++.

You can tweak some of the colours through the interface designer or through a tileData object. Checkout the way I'm doing it - https://github.com/davidhealey/librewave_woodwinds/blob/master/Scripts/settings.js

3. Floating Tile-CustomSettings. The following automatically-generated buttons are invisible when placed over white background: Clear MIDI CC, Change Sample Folder and Toggle Debug Mode. How do I change background color and text color for those buttons?

See number 2

4. Floating Tile- Keyboard: Is it possible to change the style of the keyboard? The value "UseFlatStyle": true, doesn't make the keyboard look flat and modern, but rather have a standard look to it. Is there more than 1 keyboard look available?

You can change to vector style or you can use completely custom graphics. Documentation is here - http://hise.audio/floating_tile_api/class_midi_keyboard_panel.html - if you use custom graphics you won't be able to change the keyboard colours to show key switches or playable range.

[gorangrooves]

@d-healey Thank you so much! I will check out all of those resources carefully. Hopefully, I will be able to make them work :)