Title
#suitebuilder
jen

jen

10/18/2022, 10:52 PM
Is there a way to have a field group be one column AND span the entire page? It seems if I tell it to be one column it just is shoved to the left. I have some checkboxes with LOOOOOONG labels and it looks awful as-is.
10:55 PM
c

Chris

10/19/2022, 7:18 AM
Hi, well it would react to the width of the body field. And that would then depend on user screen size as well how this will be presented.
7:19 AM
body field display size:
JessicaL

JessicaL

10/19/2022, 2:03 PM
In view mode, I'm unaware of a solution. But in a CS, you can use something like below. Your field path may change if you edit your form, however, so it's not the "best" solution but it'll get the job done when needed.
function pageInit(context) {

        let dataRow = document.querySelector("#tr_fg_fieldGroup63 > td:nth-child(1)");
        
        dataRow.style.width = "100%";
    }
2:14 PM
Ah, I got it. Put an inline HTML field on your form and add that same code block with the queryselector and width update. It's working on my end.
2:15 PM
Here was my inline html field. Working like a charm. Again, if you move your field around, it may break your path but if that doesn't happen often, you may be good.
<script>let dataRow = document.querySelector("#tr_fg_fieldGroup63 > td:nth-child(1)");
        
        dataRow.style.width = "100%";</script>
jen

jen

10/19/2022, 7:16 PM
jQuery('#fg_fieldGroup474').parent().closest('td').attr('colspan', 3);
7:16 PM
seems to do the trick
7:17 PM
it’s not a width thing, it’s a colspan thing
7:44 PM
I just put the above into my client script that’s included via UE