How do I hide the icon on a TWebSplitter component?

Question

In the middle of the splitter, there's an icon:

I don't want there to be any icons on the splitter. I don't see any property to modify this.

How can I remove this?

Answer 1

Set the GripColor property of the TWebSplitter to the same value as its Color property.

Answer 2

The TWebSplitter component is actually just a <canvas> tag in HTML.

So you can also just reset the canvas. Assuming your component's name is "MySplitter", here's the code to remove the icon:

asm
  this.MySplitter.FCanvas.FContext.reset();
end;

And you can simply put that 3 lines of code in your OnCreate event.