You are viewing limited content. For full access, please sign in.

Question

Question

Customize Address Fields in Forms 11 Designer

Forms Version 11 Self-Hosted Forms Layout Designer
Updated September 4
asked on September 3

Does anyone know how to move the fields around in the Address Fields collection in Forms 11 Designer?  I have turned off the Address Line 2 and Country fields and would like to have the City, State and Zip all on one line.  Is this even possible in the current version of Forms 11 with update 5?  Would also be nice if there was a way to make the State field a dropdown and enter a list of states.  I know this can be done via making my own address fields individually instead of using the Address Field.

0 0

Answer

SELECTED ANSWER
replied on September 3 • Show version history

Hi Steven,

You can write some css to format all field in one line, here is an example of mine after disable Address Line 2 and Country. The Address field has a class named oneLineAddress

.oneLineAddress .cf-field >div {
display: flex;
}

.oneLineAddress .cf-field >div .address-group{
  margin-right: 2px;
  margin-left:2px;
  margin-top: 0 !important;
}

this is how it look like after applying the style

But if you want to know if they sub fields can be moved to one line or not, the answer is no. As for make the state field dropdown list, this is not supported with native Address field I believe.

1 0
replied on September 4

Zhiyong,  thanks for the reply and the css example.  Would you be able to submit a request for the ability to manually arrange these fields like you can do within the forms designer (drag and drop)?  The single line is nice, but it doesn't give much room for the City.  Would also be great to be able to change the State/Province/Region box to a drop-down to enter a list for users to pick from or be able to connect to an external data source for the list, can you submit that also?

1 0
replied on September 4

Hi Steven,

This can be a breaking change for Address field, especially for making some field dropdown list, let's wait to see if more use cases from other users vote for it before decision. Thanks

0 0

Replies

You are not allowed to reply in this post.
You are not allowed to follow up in this post.

Sign in to reply to this post.

Details
Related Posts
Loading ...