Is there a way to have a field group be one column...
# suitebuilderj
jen
10/18/2022, 10:52 PMIs 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.
jen
10/18/2022, 10:55 PMmessage has been deleted
c
Chris
10/19/2022, 7:18 AMHi,
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.
Chris
10/19/2022, 7:19 AMbody field display size:
j
JessicaL
10/19/2022, 2:03 PMIn 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.
Copy code
function pageInit(context) {
let dataRow = document.querySelector("#tr_fg_fieldGroup63 > td:nth-child(1)");
dataRow.style.width = "100%";
}JessicaL
10/19/2022, 2:14 PMAh, 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.
JessicaL
10/19/2022, 2:15 PMHere 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.
Copy code
<script>let dataRow = document.querySelector("#tr_fg_fieldGroup63 > td:nth-child(1)");
dataRow.style.width = "100%";</script>🎉 1
j
jen
10/19/2022, 7:16 PM Copy code
jQuery('#fg_fieldGroup474').parent().closest('td').attr('colspan', 3);👍🏻 1
jen
10/19/2022, 7:16 PMseems to do the trick
jen
10/19/2022, 7:17 PMit’s not a width thing, it’s a colspan thing
jen
10/19/2022, 7:44 PMI just put the above into my client script that’s included via UE
2 Views