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.
Question
Question
Customize Address Fields in Forms 11 Designer
Answer
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.
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?
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