The first step is to set the
takuSettings.custom_launcher configuration. This can be any valid CSS selector. So, if you'd like a specific element to serve as your launcher button, you can do it like this:
Then, you'll need to add this id or class attribute to your HTML element that you want to use as the launcher button. For example:
Show unread messages badge
You'll likely want to show a red alert when there are new messages in Taku that haven't been seen by your users. With a custom launcher, you'll need to manually enable this. To do this, you'll have to respond to Taku events:
badge:hide, and modify your custom launcher based on these events.
Here's an example of what it might look like:
And if you want to use some pre-made CSS for the unread messages badge, you can use what we've got in Taku:
That's it! You now have your very own, fully personalized Taku launcher button!