Hi all, I am struggling to find a solution to dynamically manage an elements margin number based on a number in a field. For context. I have a certificate designer page and I want the user to be able to position a text element wherever they want within a group so I want to be able to manage the el…

The following CSS is all you need (as an example using left margin)… margin-left: 80px !important; Just set an element ID on the element, then you can set the px value in the CSS dynamically based on the relevant Input’s value.

Good man Adam, that’s what I was looking for. Appreciate you help. Thanks.

hey @adamhholmes I think I have the same problem ( see here for my implementation), but am not sure how to implement you code. here is what I do: set the ID attribute to “red” in an html I write the following: <div id="red" style="margin-left: 80px !important;"></div> I expect the margin to be 8…

You haven’t included any style tags in your HTML… Also, the ID Attribute sets an Element ID, so you need to use the correct CSS syntax to refer to an element id (#) and set its properties… So the code you need to add to your HTML element is: <style> #red { margin-left: 80px !important; } </st…

[image] adamhholmes: <style> #red { margin-left: 80px !important; } </style> as always many thanks :slight_smile:

Dynamic Margins

Need help

sensei01 December 6, 2022, 2:46pm 6

as always many thanks

Make a group behave like a floating group via css after condition

Topic		Replies	Views
Change margin values dynamically in Conditional based on a formula Need help	4	1011	February 2, 2023
Set padding, margin, font size programatically Questions	1	356	January 9, 2023
Field on a elements style 'ID Attribute' (in Styles tab) Idea	0	466	May 26, 2023
Adapt the Fixed Margin (aligment) from the Responsive tab to the page width Questions	5	751	January 12, 2021
How can i change the position of an element when a button pressed? Need help	1	943	April 6, 2019

Dynamic Margins

Related topics