How to add dynamic tags to a control in a custom widget.

[wordxpression]

I started building my first Elementor widget and it all goes great, thanks to many resources I found on the Internet, but one thing I couldn't find anywhere. How to add dynamic tags to controls in my custom widget.

So let's say I'll have a custom control for entering the title of the widget... and I want to have the possibility to fill this title with a field from the underlying post.

Or I created a clickable control, and I want a pop up activated, a phone number called, or some other action when the control gets clicked... in short, I want this 'pile of pancakes' representing the possibility to link dynamic tags to present itself in my controls.

Could anyone please give me a clue how to get it done. Can't find any helpful resource.

Thanks in advance.

[wordxpression]

After deeper delving in the Elementor Source code I found out it's actually quite simple, it only seems to be completely undocumented in the developers documentation.

In the array with settings you have to pass to the add_control method of the Widget_Base, you need to enter one setting called 'dynamic', which points to an array containing 'active' => true

So in code something like

      $this->add_control(
		'text',
		[
			'label' => esc_html__( 'Text', 'my-plugin' ),
			'type' => Controls_Manager::TEXT,
			'dynamic' => [                                //This little piece of code does the magic
				'active' => true,
			],
			'default' => esc_html__( 'Lorum etc.', 'my-plugin' ),
			'placeholder' => esc_html__( 'Lorum etc.', 'my-plugin' ),
		]
	);

It's quite easy, when you know how to do it ;)