Liked the idea of Bricksforge so bought it today. I think submissions is handy so decided to recreate a Bricks form using Pro Forms. Got it 99% there except I cannot figure out how to do border-radius on my two elements, email and submit.
If I put the border radius on these elements, it shows the outline in the interface, but it appears to be overwritten by the parent pro forms style. When I apply to the Pro Forms elements, it does the radius to BOTH email and submit, which is not what I need.
Email needs the border radius on top left and bottom left. Submit needs top right and bottom right.
I was also surprised to see there was no easy way to have the submit button appear to the side instead of underneath, so had to use transform to move it.
Am I missing something or do these elements seem overly complex?
Thanks for clarifying! To have the submit button appear to the side, just wrap both form fields with a “Block” element and use flex box. Inside “Pro Forms”, you can use every native Bricks element you need to style your form.
Regarding the individual styling of input fields: I agree! Sometimes, the global styling trough the “Pro Forms” element may not be enough. I will include a separate group “Style” for each input field, where you have the possibility to add individual styles for input fields which are overwriting the global styles. Would that help?
That would be lovely. However, any tips on how to achieve the style I want now? Bricksforge could help me remove the current plugin I use for submissions called Form Vibes, but if I can’t get the form looking like I want, then I need to stick with the default Bricks form until a future Pro Forms update.
With the new added fields, you’ll be able to just set the needed border radius on your input field – also via global class if prefered. This will give you a lot of flexibility to achieve your desired layout