search

givanz / VvvebJs

Drag and drop page builder library written in vanilla javascript without dependencies or build tools.
https://www.vvveb.com/vvvebjs/editor.html
Apache License 2.0
7.09k stars 1.62k forks source link

Turn off HTML element message on hover #374

Open yasmagic opened 3 weeks ago

yasmagic commented 3 weeks ago

Hello team,

How do we turn off the tooltip and HTML element types on hover, such as DIV, IMG, etc.? Some users find it annoying, and perhaps they need a simpler way to select objects only.

image

givanz commented 3 weeks ago

Hi

The easiest method is to hide the highlight name element with 

#vvveb-builder #highlight-name {
  display:none !important;
}

Or you can delete the code

https://github.com/givanz/VvvebJs/blob/master/scss/_builder.scss#L1396-L1413

https://github.com/givanz/VvvebJs/blob/master/editor.html#L498-L501

https://github.com/givanz/VvvebJs/blob/master/libs/builder/builder.js#L1299-L1300

The tooltip is shown by the browser when an element has title attribute, you will need to remove title attributes from the section elements.

title

yasmagic commented 3 weeks ago

Perfect, thank you.