ProForm submit button icon

Hey guys,
I have just noticed this. Not sure if it is a bug or a feature :slight_smile:
When you click “Submit” button at the end of the ProForms an icon appears. It is a two rotating arrow icon.
The issue is, the icon rotates in oposite direction than what arrows show :smiley:

Hi,

good catch - that is not intended, it is purely cosmetic. :smiley:

The loading icon is Bricks’ own “reload” SVG, and the spinner animation turns clockwise (0 to 360 degrees), while the arrowheads of that icon actually point counter-clockwise. So the icon and the rotation contradict each other. You will see exactly the same on the native Bricks form, because both use the same icon and the same animation. It has no effect on the submission itself.

I have noted it and will align the direction on our side.

Until then you have a few options:

  1. Reverse the spin with a bit of custom CSS on your Pro Forms element.

  2. If you use the nestable Pro Forms, you can pick your own icon: select the Submit Button element, Content > Loading Icon.

  3. Or hide it completely: Pro Forms element > Content > Other > “Disable Loading Icon”.

Kind regards
Daniele

Honestly, I haven’t check native bricks form (not sure I use it anywhere…). I know how to fix this, but wanted to let you know about the finding.

Best,

1 Like