Different style and options types on installments from different cards

[joxpulp]

Hi, here again LOL, I was trying different credit cards from the test payment cards, and notice that the option to choose the installments are different

When using a Visa and MasterCard credit cards, is a select:

When using an American Express credit card, changes to radio buttons:

Maybe this could be confusing to the user, since it brings more information to the form when using American Express, in the other hand I think that is easy to read and choose using the select from Visa and MasterCard.

Is there a way to make the select as a default type of 'style' to select an installment for all the cards and avoid the style changing for American Express?

[meliguicarvalho]

Hello! Thanks for the suggestion!

This difference is due to the amount of installments.
The radio button shows more complete information and has a more distinct appearance, but it occupies more space, so if there are less than 6 installment options available, we show the radio button, otherwise it is the select.
Hope this clarifies the behavior.

Your suggestion is interesting, we will analise the possibility of allowing the selection of a default mode, and give you feedback in this thread.

[AleFossati]

Hello @joxpulp, we have an update about this matter.
We have discussed with UX team and the analysis conclusion is that it's important to keep this behavior (radiobutton for less than 6 installments, dropdown for 6 or more). As a result, we have no intention to create a customization allowing to choose between one of these elements.
Is this a mandatory feature for your project?

[joxpulp]

Thanks, it's not mandatory in our project, but at first glance it was a bit weird for me that the way the installments are displayed has such a different change depending on the number of installments.

[AleFossati]

Thanks for your feedback, it help us a lot.
For now, I'll tag this discussion as resolved.

[wemerson-silva-kz]

how you change styles in fields??

[AleFossati]

fields inherit styles from brick's parent html element