Floating Tile Keyboard - Possible to Rotate?

[HISEnberg]

I am hoping there is an easy way to do this. I am working on a piano roll so I want to display the floating tile keyboard vertically instead of horizontally. Does anyone know a useful trick for doing this?

[d.healey]

@HISEnberg I think for this you'd need to roll your own using a panel.

[HISEnberg]

@d-healey Ah it needs some love but it looks like the new CSS might allow for this.

const var ft_Keyboard = Content.getComponent("ft_Keyboard");
const var laf_Keyboard = Content.createLocalLookAndFeel();

ft_Keyboard.setLocalLookAndFeel(laf_Keyboard);

laf_Keyboard.setInlineStyleSheet("
.keyboard 
{ 
	background: red; 
	transform: rotate(90deg);
}
");

HISE | UI Components | Keyboard

A highly customizable virtual MIDI keyboard. To change the key colours, see [Engine.setKeyColour()](/scripting/scripting-api/engine#setkeycolour).

(docs.hise.dev)

[d.healey]

@HISEnberg Nice

[HISEnberg]

@d-healey Silly me. I neglected to consider that even if it's painted sideways, it doesn't mean it will operate sideways (so its still only triggering MIDI notes on the horizontal axis) . Looks like it's time for a panel.

[d.healey]

@HISEnberg said in Floating Tile Keyboard - Possible to Rotate?:

Looks like it's time for a panel.

There's a video on my YouTube channel about this if you need it

[HISEnberg]

@d-healey Do you have the link? I can't seem to find it.

[HISEnberg]

@HISEnberg Oh sorry I found it! https://www.youtube.com/watch?v=pmwC9Jmmwuo

[d.healey]

@HISEnberg Sure

Ah you found it first :)