Navigation Using Arrows Keys

[hero-clashes]

so I have this setup in my game

<div class="container">
<button type="button">Play</button><br />
<button type="button">Load Game</button><br />
<button type="button">Testing Areana</button><br />
<button type="button">Setting</button><br />
<button type="button">Quit</button><br />
</div>

and I want to do navigation using arrows keys between them
so if I pressed up it go to the button above it and so on
Also if I pressed enter, it would call the activate
is there a way to archive that?

[mikke89]

Hi.

You just need to script this behavior as you see fit.

• First you need some way to track the state of the currently selected item. For example, you can use a custom class name, or perhaps focus the active element using element->Focus().
• Then when you register an arrow down click, you need to find the next element. If they are always ordered next to each other in RML, then it is simply focused_element->GetNextSibling()->Focus(). Of course you also need end of list and error handling.
• You can do this entirely on the client side, or you can setup event listeners such as to keydown events and act when that is triggered. See the event documentation for more details.
• As an extension to the above, you could also use inline events, eg. first by defining <button type="button" onkeydown="up testing-arena; down quit">Setting</button>. Then when it is triggered you parse that little command and choose the appropriate action. See the Invader sample and how this is done there.

Good luck :)

[hero-clashes]

I found an Issue I feed the Rml a string which is something like this "┼" and it show a box like it didn't know the char, any way I can get support for those chars, btw I only use chars from this

[mikke89]

You need to feed RmlUi a font which actually contains the character you want to show.

[hero-clashes]

you are right, thanks again for third time
hope you have great day

[hero-clashes]

@mikke89 is there any way I can contact you in something like discord, I am interested in tackling the system for navigation mentioned in this and I probably need some guidance on how to do stuff and so on, if you are interested

[mikke89]

Sure, we have a gitter chat, feel free to post your questions there!