Brian, this can be done with CSS grid applied to the radio button's div.frm_opt_container and then adding grid-column: # to each input's parent div. Adding the appropriate CSS has to be build on the fly with JavaScript.
The reason it has to be done this way is because dynamic fields are variable in the number of radio buttons that display based on the data in the underlying lookup table.
Here's a jQuery snippet that applies CSS grid to a dynamic radio button. Change the ids to your radio button ids and add the jQuery to the After Fields area on the form's Customize HTML page.
jQuery(document).ready(function($) {
"use strict";
$('div#frm_field_1142_container > div.frm_opt_container').css('display', 'grid');
var ctr = 1;
$('div[id^="frm_radio_1142-"]').each( function(){
$(this).css( 'grid-column', ctr );
ctr++;
});
});
I added the snippet to the Formidable Masterminds site. The jQuery is better formed and commented than the example above: https://formidable-masterminds.com/columnize-dynamic-radio-button-fields/
Please login or Register to submit your answer
I guess what I want to do is modify the attributes of div.frm_radio dynamically. https://share.cleanshot.com/BsTPlX
Have you tried the grid classes?
https://formidableforms.com/knowledgebase/form-layout-and-css-classes/#kb-create-a-grid