Formidable Forms Community Site

The Community forums are being phased out in favor of a new Slack group.
Add your email address below to get an invitation to join the community slack group

Slack Signup
Newsletter Optin
Help Desk
Subscribe

Display Repetition Number

Labels

This Discussion is public

Notifications

Is there a shortcode which can be inserted into an html field or Custom HTML to show the repetition number in a repeating section? I attached a quick mockup to show what I am trying to achieve. I figure I'll have to add some custom HTML to the first field in the section to add the number column on the left, and then the right column will be a flex area so the fields resize/arrange responsively.

I was able to get the result I wanted using some creative css. Here's the gist of it:

.frm_form_field.frm_section_heading .frm_repeat_grid:before{
min-width: 15px;
text-align: center;
font-weight: bold;
background-color: rgb(247, 241, 250);
padding-bottom: 100%;
margin-bottom: -100%;
color: rgb(179, 155, 190);
}

.frm_form_field.frm_section_heading .frm_repeat_grid:nth-of-type(1):before{
border-top-left-radius: 3px;
content: "1";
}

.frm_form_field.frm_section_heading .frm_repeat_grid:nth-of-type(2):before{
content: "2";
}

.frm_form_field.frm_section_heading .frm_repeat_grid:nth-of-type(3):before{
content: "3";
}

etc...

That's cool, thanks for sharing your approach!

Discussion closed.