Built-in way to completely hide the controlbox

[szilardszaloki]

Hi there, Is there a built-in way (e.g. a switch) to completely hide the controlbox?

[daybrush]

@szilardszaloki

Use css (display: none) or moveable.target = null.

[csterritt]

I came here to ask what may be the same question.

When I try the display: none; it gets rid of the content inside the moveable, and leaves moveable's blue rectangle around the content. What I want to do is get rid of the blue rectangle drawn around the moveable... my example is not resizable, and I have a dragTarget drawn. In my case, the thing is not rectangular, so the blue rectangle drawn by moveable is pretty distracting.

Thanks!

[daybrush]

@csterritt

Try this code:

.moveable-line.moveable-direction {
display: none;
}

[csterritt]

@daybrush Thanks! I had to change the CSS to fix the specificity, but it works now. Much appreciated!

.moveable-line. > moveable-direction {
  display: none;
}

[zhishaofei3]

https://github.com/daybrush/moveable/blob/master/handbook/handbook.md#set-classname

this.moveable.className = 'hide-border'

.hide-border { display: none !important; }

[lamhungypl]

have you guys noticed that hiding the controls makes functions not work - no cursor to resize, scaling