Instantiation of a WebDialog

I’m a bit confused about instantiation of WebDialogs and WebToolBars.

You must drag a tool bar instance into the project before you can add it to a control.
Is the same true of a web dialog?

If I drag a timer onto a web page the time shows at the bottom of the editor as enabled but the web dialog looks disabled when dragged into the editor.

Am I instantiating the dialog incorrectly?

You can just drag a Web Dialog from the Navigator onto your Layout where it appears in the Shelf.

Here’s a video that shows how to do it: