The HTML widget element has a padding. How can I set it to zero?

Elements
1

As the title says… also please take a look at the screenshot below.

  • The HTML Widget element has a blue background and the padding is set to zero in the Element Inspector.
  • Inside the HTML widget is a red div, which is set to 100% width and height. This should cover the entire area of the HTML widget, am I right?
  • Why is the blue background still visible?

04%20PM
Screen Shot 2019-06-17 at 3.31.04 PM.png2104×1168 284 KB

2

Never mind, I figured it out. It looks like the HTML Widget element is rendered as a full web page with html, head and body tags. I didn’t know that. So the padding that was bothering me was the auto margin of the body element.

2 Likes
3

Correct; if you don’t need it to be a separate page you can instead just use a Rectangle element. This is a <div> and you can just edit the Inner HTML basically the same way.