Try.bricksbuilder.io: Form Element alignment and retrieving dynamic data

Bugs
1

Hi, Struggling tonight.
I have a form element on a page.
How do I align all the fields to the left of the element? The Form Element is inside a container.
Nothing I’ve tried shifts the actual form fields from their centrally aligned position.

I also want to use a Radio field to let the user choose who to send the form to. So Sales, HR, Service.
How can I get the emails for each of these and assign to the Form Email action? Obviously I don’t want to hide the email addresses on the form so need to store them elsewhere. Whats the best option for this? Do I need a special options page ( I use Metabox if thats important ) or will any page do?

Thanks
Alan

2

Url? Pics?

More information would allow us to get more data to help you :slight_smile:

3

For the Alignment I just create a page, add a container then drop the Form element inside it. What I get is then all the Form fields centrally aligned.

4

For me it looks like this by default:

Bildschirmfoto 2021-12-17 um 14.30.16
Bildschirmfoto 2021-12-17 um 14.30.162560×1060 151 KB

5

Oh. That’s weird.
Just created a new test on Try Bricks. No Theme style being used. I get …

FormAlign1
FormAlign11802×840 51.1 KB

Page is Contact2 – Try Bricks – t9fe31df

6

Just created a new test site.
Adding the same as above but this time I get the left alignment as per your screenshot.

So seems like my Try Bricks is at fault … but can you point me at where the alignment and the button colour for that matter might be set?
I’ve looked at Theme styles. I have one which is not used on these pages. If I switch it on it changes the button colour but not to the default.
I’ve looked at all the typography settings but don’t see any alignments set. - But if I do select left align then the fields do move as expected. But if I remove the setting it goes back to central align.

I’m mystified as to where this is being set.

7

Seems like there are some more styles applied to the try installations: https://try.bricksbuilder.io/t9fe31df/wp-content/plugins/trybricks/assets/css/try.min.css?ver=1637671505

.login-link {
  color: #9e9e9e !important;
  display: block;
  font-size: 14px;
  margin: 10px 0;
}
.login-link,
form {
  text-align: center;
}
form {
  display: flex;
  flex-direction: column;
  font-size: 17px;
}
form input {
  border-bottom: transparent;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  line-height: 50px;
}
form button[type="submit"] {
  background-color: #11b76b;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  color: #fff;
  font-weight: 700;
  letter-spacing: 0.2px;
  line-height: 50px;
  text-transform: uppercase;
}
form button[type="submit"][disabled] {
  background-color: #9e9e9e;
  cursor: default;
}
#message {
  background-color: #e5f3ff;
  color: #00b0f4;
  text-align: center;
}
#message:not(:empty) {
  border-radius: 4px;
  margin-top: 10px;
  padding: 10px 15px;
}
#message[data-type="success"] {
  background-color: #e6f6ed;
  color: #11b76b;
}
#message[data-type="error"] {
  background-color: #ffe6ec;
  color: #fa4362;
}
8

Ah so that’s general is it and not something I’ve done?

Guess the moral is that I shouldn’t use Try to test things.

9

I think it’s just a simple bug, the styles should apply on the try login form only, not on every form :smiley: I‘ll add it to our bug tracker :metal:t2:

1 Like
10

Dynamic recipients based on user input are not possible. For this, unfortunately, you need to use a form plugin that provides more functionalities.

11

Many thanks @timmse much appreciated.

Dynamic recipients seems such a basic requirement for contact forms but I have yet to find a plugin that does it properly. ( Forminator is closest so far ). Hence was hoping I could do this in Bricks.
Never mind, thanks again.
Alan