🎨
Styling
Create a stunning user experience by customizing how the Bugbattle widget looks like.

Remote configuration

With Bugbattle v4 (and later) you can configure colors, preferences & a custom logo remotely with our visual widget configurator.
The widget configuration is located within Bugbattle Dashboard / Project / Widget.

Color

The color represents the primary color used within the Bugbattle widget. Our customers usually use their primary company color as their primary widget color.
Sets the main color (color schema). Default value: #398CFE
1
BugBattle.setMainColor("#086EFB");
Copied!

Feedback button type

Bugbattle offers different feedback button types. You can set them by calling the following method prior to calling the initialization method of the SDK.
1
BugBattle.setButtonType('BOTTOM_RIGHT');
Copied!
Possible feedback button types:
    BOTTOM_LEFT: Round button on the bottom left
    BOTTOM_RIGHT: Round button on the bottom right (default)
    BUTTON_CLASSIC: Classic "Feedback" button on the right side
    BUTTON_NONE: No feedback button at all - manually show and hide the widget by code

Classic button text

Overwrite the classic "Feedback" text by calling the following method prior to calling the initialization method of the SDK. Default value: Feedback
1
BugBattle.setFeedbackButtonText("HELP");
Copied!
Make Bugbattle look more awesome by adding your logo to the Bugbattle widget.
Sets the main logo url within the widget. Defaults to the Bugbattle logo
1
BugBattle.setLogoUrl("https://yourawesomelogo.svg");
Copied!
Make Bugbattle look more awesome by adding your own logo to the Bugbattle feedback button.
Sets the feedback button logo url within the widget. Defaults to the Bugbattle logo
1
BugBattle.setButtonLogoUrl('https://yourawesomelogo.svg');
Copied!

Welcome message icon

We love emojis - this is why our widget welcomes users with a waving hand emoji πŸ‘‹. Some use-cases are more strict and require you to have a more formal style. Overwrite the emoji by calling the following method.
1
BugBattle.setWelcomeIcon('');
Copied!

Hide branding

Hide or show the Bugbattle branding on the bottom of the Bugbattle widget. We love all Bugbattle family members, no matter if you show or hide our branding.
Enable or disable the powered by Bugbattle logo. Default value: true
1
BugBattle.enablePoweredByBugbattle(true);
Copied!
​
​

​

Last modified 2mo ago