Main Region

How to set color for badge of button
| | 1 answers | 5 views

HL
Posted by hai le
Oct 1st, 2017 at 12:14
0

Hi,

I would like to set color for button's badge,

Please show me how to do that

Thank you

alt text

2 Comments

Profile Image
FOEX-SUPPORT on Oct 3rd, 2017 at 12:34

This JS error is now fixed in HFXP-3328 for v3.0.1 which you can now download from the support portal.

Profile Image
FOEX-SUPPORT on Oct 3rd, 2017 at 12:35

This JS error is now fixed in HFXP-3328 for v3.0.1 which you can now download from the support portal.

Profile Image
Posted by FOEX-SUPPORT
Oct 2nd, 2017 at 12:17
0

To do this you add a Badge CSS class that defines your color e.g.

.badge-green:after {
   background: green !important;
}

alt text

However there is a bug in v3.0.1 that causes a JS error on page render which we will be fixing in the next hotfix release. As a workaround you can also define the colour using the following CSS (with a STATIC ID set on your region e.g. MY_STATIC_ID)

#MY_STATIC_ID .fx-badge[data-fx-badge]:after {
   background: #268b26; /* green */
}
0 Comments

You must log in or sign up to post questions and answers.