Need Help with Group Focus Placement in Table Editing

Xtine · 2024-08-30T10:47:37.147Z

Hi,

I’ve created a table that includes a column for editing. When you click the “edit” button, I’ve linked a group focus element to appear exactly where you are in the table, rather than as a centered popup on the screen.

However, when editing the bottom rows of the table, I would like the group focus to appear above the selected row instead of below, as it does now. Does anyone have any tips on how I can make this look neat and user-friendly?

Skjermbilde 2024-08-30 kl. 12.48.221738×802 21.9 KB

Skjermbilde 2024-08-30 kl. 12.48.361738×1940 141 KB

boston85719 · 2024-08-30T11:35:45.303Z

Custom CSS Groupfocus Offset New Responsive Engine

Does anybody have a working custom CSS solution to change the groupfocus elements offset settings? I really want to make a feature that a groupfocus element can have its offset value changed dynamically based on the values coming from the repeating group that is placed inside of it. It is easy enough to create a condition that will provide the value required of the offset on the groupfocus, I just don’t know of the custom CSS to target a groupfocus element’s offset value.

Xtine · 2024-08-30T12:06:47.949Z

Thank you. This looks difficult. Do you have a step-by-step guide or a demo somewhere?

boston85719 · 2024-08-30T13:37:29.446Z

Xtine:

Do you have a step-by-step guide

Custom CSS Groupfocus Offset New Responsive Engine

You’ll need the Toolbox plugin. Add ids to the reference element (reference) and to the groupfocus (groupfocus). Add JavascripToBubble element and enter ‘left’ as suffix, type ‘number’ In the workflow where you show the groupfocus, add first a Run Javascript action (it has to run before you show the groupfocus) with the following code: var element = document.getElementById('reference'); var reference = element.getBoundingClientRect(); bubble_fn_left(reference.left + YourDynamicOffset); In the …

system · 2024-11-08T10:47:42.205Z

This topic was automatically closed after 70 days. New replies are no longer allowed.