How to add a fieldset segment to a CF7 form

Add a fieldset segment to a ChronoForms form.

Overview

CF does not have a direct fieldset element, so a segment or message area must be used to simulate it.
Use a segment or message area in the form, then update any related CSS to target both fieldset and div elements with the same class.

Answered
ChronoForms v7
Ni NickOg 08 Nov, 2020
Answer
The fieldset area is not directly available in CF7. Max told me that you can 'simulate' that using either a 'Segment' or 'Message' area. That works fine but be aware that it does not generate the HTML form fieldset element.. CF7 using a div element instead.
<div class="ui segment njjoFieldSet" id="area_segment_8" data-vtype="area_segment" data-uid="8">......

It works fine
How to add a fieldset segment to a CF7 form image 1

but one gotcha is that any css references to fieldset need to be modified to include a div definition
fieldset.njjoFieldSet,
div.njjoFieldSet{
padding:5px !important;
margin:5px !important;
border:solid thin grey !important;
border-radius:10px !important;
width:99%;
color:black !important;
background-color: transparent !important;
}

Nick
This topic is locked and no more replies can be posted.