Error when manipulating DOM with javascript

0
I have this view I want to add a link after the label’s checkbox, in order to do that I’m using HTMLSnippet that just moves the link after the checkbox labels.   Everything works fine BUT when I close the page, I have this error:   I read it might have something to do with react components and how they are built, I have tried to put the checkbox and link inside a container div so they have same parent but eventually I will move link inside some checkbox div. Any idea how to solve this? edit: here’s the javascript..
asked
3 answers
1

Hello, 

Is there a good reason for you to use Javascript/ReactJS instead of Layout Grid / Divs with Float / Table / or just Regular SASS/CSS ?
Cause you can have your results in seconds that way and you won't need custom code to hack the item into place.

For example: 

answered
1

This is 6-6 grid without styling and responsive view.

 

 

and this the same but in mobile view:

answered
0

Hey, 
 

I understand what you're saying, however knowing some bootstrap or CSS will help you in the future. 
To solve your issue the styling way. 

Apply to your checkbox: display: inline-block; (style) and apply to your link style: margin-left: 15px;
This should be your result. 


For some Bootstrap knowledge, if you know how bootstrap and layout grids work you can easily make a responsive website. Just make sure you know how bootstrap classes work. The default Mendix is col-md-$ 

But you could use more: col-md-$ / col-xs-$ / col-sm-$ / col-lg-$ 

You could for example give a col-md-6 (which is half your page on regular size desktop) a col-xs-6. 
The moment you resize to “Phone” size. The column will be displayed at half the Phone size as well. 
Instead of jumping down the other col-md-6 and appear below your other items.
Read about it here: https://getbootstrap.com/docs/4.0/layout/grid/

answered