cssClass for V4 Popup

Page layout & navigation
1

What would be the cssClass setting for a V4 Popup button be so that it looks like a mbsc-button mbsc-btn-primary?

Thanks,
Todd

2

Hi @Todd_Martin :wave:

In this case, you need to replicate the mbsc-button’s style and use the cssClass property. For example:

buttons: [{
     cssClass: 'my-btn',
     text: 'Custom',
}]

.my-btn {
    background: #007bff;
    color: #fff;
    margin: 0.5em 0.25em;
    padding: 0.625em 1.375em;
    border: 0;
    border-radius: 0.25em;
    text-align: center;
    font-size: 1em;
}

.mbsc-ios.mbsc-fr .mbsc-fr-popup .mbsc-fr-btn-e.my-btn:hover {
    background: #007bff;
    opacity: .8;
}

The example above is for the ios theme. You should be done similarly for the other themes.