Dynamic Margins or Padding in a Repeating group

zachary.bracken · 2024-08-14T18:23:58.054Z

I am currently working on trying to dynamically change the padding of a group. I know that I could do this using CSS and setting a group ID. The problem is the group is in a repeating group and I need it to be dynamically changed based on the index of a repeating group.

Example:
The group in cell 1 needs 20px padding left
The group in cell 2 needs 40px padding left
…
…
The group in cell X needs 20*Xpx padding left

Any thoughts on this? I am stumped.

msgiblin · 2024-08-14T19:03:32.332Z

Hi there,

I played around with this and couldn’t find a way to make padding dynamic; will this be a fixed or controllable number of cells? If so, you could still establish the padding, but you’d have to go index by index, like this:

image330×787 35.9 KB

and the result:

I realized I used ‘margin’ in my example but padding works the same way.

msgiblin · 2024-08-14T19:46:39.958Z

I kept playing around and found an interesting workaround. There are other ways to approach this, but essentially I’m generating a number of characters with 0% opacity, of font size 20px. The number of characters I generate in each cell is the index of that cell.

image895×494 41.6 KB

image657×981 12.3 KB

zachary.bracken · 2024-08-14T19:54:50.544Z

@msgiblin the repeating group is a dynamic length so the conditional logic has it’s limitation.

But that is a really clever solution to use list of numbers from the tool box. I will give that a go!

Thank you for the assistance

sudsy · 2024-08-14T20:16:30.705Z

msgiblin:

generating a number of characters with 0% opacity

FWIW, I’ve done something similar using a space character and a monospaced font. That eliminates the need to set the element or the font color to 0% opacity and also prevents “visible” characters in the source of the page.

msgiblin · 2024-08-14T20:23:06.527Z

I actually just did what I think would be the most effective (so far), with accurate 20px size increase, and not having to rely on transparent text or plugins:

image847×904 18.8 KB

I included a repeating group within the repeating group, with a source of Calculate RandomString, length of characters based on the Current Cell’s Index:

image699×352 30.2 KB

I then Extract with Regex with a single .

image696×269 21.8 KB

Now the repeating group will be a list of characters. I placed a group of 20px in the RG, with it’s source set to ‘parent’s group text’. I don’t need to use a text element as I never need to show the text.

End result - a group of exactly 20px will appear, increasing +1 additional 20px group per line.

This was a fun challenge! It reminds me of the sort of challenges @adamhholmes was coming up with a few months back.