Knack code change for Current User

API & Custom Code
1

Hi guys,

Just yesterday my code for current user info started not be clickable any more. And I did not touch anything on that. So Knack must be doing some actualizations.

Others experiences on this matter?

My working code was that, than not clickable anymore. ??!!

> div.kn-current_user { margin-top: -55px; margin-left: 800px; }

tks!

Ok, I zerroed in on the problem:

When I delete this line of code above, it is again clickable.

So what modification to the code is needed to keep it clickable and positioned as indicated?

tks guys!

ok, more specific, it is the -55px that Knack CSS now desactivate the links. ???

> div.kn-current_user { margin-top: -55px; margin-left: 800px; }

So no idea how to substitute this positioning.

For some weird reason the click possibility on the links is not allowed bellow -10px.

so the quick fix is as follow, for however has the same problem:

div.kn-current_user { margin-top:-10px; margin-left:1000px; }

2

Hey @MichaelG, I would highly recommend using relative units instead of absolute units like pixels to avoid issues like this. That will keep elements where you apply custom CSS in Knack positioned relative to their parent / sibling / child elements and should avoid issues where an element is no longer contained within another element that acts as its controller. It will also have the added benefit of adjusting with the user’s window or viewport, which is way better for responsive design.

3

Thanks JD! I’ll look into that, as it may happen again during the transition to the NG Builder.

1 Like