3.05 - How to force Field Prefix and Field Description to be on seperate lins form a text field

Hey Kurt,

The latest version of CMS Builder actually pushes the description onto a separate line once the users browser window is too narrow to display the content on the same line.

Unfortunately, there isn't a way you can force the label to always be on a separate line without modification of the HTML in CMS Builder.

Thanks,

Greg

Thanks for letting us know. I will look into it and get back to you.

You can do an override as a temporary fix. Create a file called custom.css in the main cmsb folder.

# sets the help text to red - optional

.form-inline .div-inline-block:first-child .help-block {
    color: #f00;
}

# override the display property just for the pre-text
.form-inline .div-inline-block:first-child {

    display: block !important;
}

We've done similar things and it works well.

It would actually be helpful for all the form elements to receive class names. If they had both general (class="prefix') and tied to the element (class = "prefix prefix-myFieldName") in the HTML then we could be very specific with styling code. I remember discussing this option with the team a few years ago.

Jayme

Hi all,

Jayme: in v3.03, we've added a plugin filter called "showField_addRowClass" that enables a plugin to add a class to a field row.
It will add a class to a div with "form-group" class which is the parent div of the label's and field's.

Kurt: Can you try Jeff's solution?

I will have a discussion with our senior programmer about supporting <br> or making a field appear on the next line.

Thanks,

That's great to know, Daryl! This may be a real option to help some of our clients decide to migrate to 3.x.

Thank you.

J.

Hi all,

I just want to update this thread to let everyone knows that we've updated the text field prefix.

On the next CMSB release (v3.06), adding <br> at the end of the prefix will bring the following text field to a new line.

A similar update was done for the text field description where adding <br> tag at the beginning will bring the description to a new line below the text field.

Cheers,

Thanks Daryl. That's a nice option to have.

Jayme