How to add field name for a custom field inside form field

MelanieB

Hi,
I am using the subscription module and almost completed the styling to match our brand colors etc. I have 2 small issues.

I am using inline for the displaying field labels in my subscription module form. As you can see in the image I have a custom field called message but unless I add 'Message' to the default value in the custom field's settings it is blank, For consistency I would like it to be like the others in terms of when the box is clicked in it is cleared.
How do i change the checkbox links for terms and privacy? The class shows as acym_modal_handle but when i use this in custom css it doesnt work.
Kind regards

MelanieB

I just noticed too that for selectbox field types don't display the field name or a default when using display inside

jvstratum

Hi,

I have asked the devs about the inline display off these fields. I'll get back to when I have an answer.

As for the class you mention I guess this is a class from Engagebox. At least I aasume you use this to put a module in a popup. If I'm wrong, please tell me where you have found that class.

Best way to go is to add a class suffix to your Subscription module and use that to tarhet the css inside the module.

MelanieB

It is actually the placeholders that are missing with the custom fields. Would you know what file I could edit to add them?

jvstratum

Please have some patience, the devs are looking into it.

MelanieB

Apologies, I didn't see your last message Thats great to hear. The other option would be to have the ability to align the labels and input fields left as it would look better and could use outside then. I will try the option you suggested with css.

Many thanks

MelanieB

If it helps others, I managed to get the css working and so can now use the outside label display. This is what I used (i am using SPPagebuilder} :

.acym_module_form .onefield {
margin: 10px 0;
text-align: left;
}
.btn-primary, .sppb-btn-primary {radius: 10px;background-color: #f54c85}
a.acymmodalhandle {color: #f54c85;}