# Drag and drop template view to running project

**URL:** <https://forum.inductiveautomation.com/t/drag-and-drop-template-view-to-running-project/77682>\
**Category:** Ignition\
**Tags:** perspective\
**Created:** [August 10, 2023, 4:10am UTC](https://forum.inductiveautomation.com/t/drag-and-drop-template-view-to-running-project/77682 "2023-08-10T04:10:28Z")\
**Posts on this page:** 10\
**Page:** 1

<div class="post-metadata">

**Author:** ![chaoliang](https://avatars.discourse-cdn.com/v4/letter/c/ba8739/32.png) [@chaoliang](https://forum.inductiveautomation.com/u/chaoliang)\
**Post date:** [August 10, 2023, 4:10am UTC](https://forum.inductiveautomation.com/t/drag-and-drop-template-view-to-running-project/77682/1 "2023-08-10T04:10:28Z")

</div>

I always want to have a function to drag/drop view component to the running project, so I can dynamically program the interface.  
It's similar like the operation in ignition designer, but instead, it's drag/drop on a live/running project.

Whether there's a way it can be achieved in perspective?

Any suggestion is welcomed.

---

<div class="post-metadata">

**Author:** ![Learner\_Ignition](https://avatars.discourse-cdn.com/v4/letter/l/b3f665/32.png) [@Learner\_Ignition](https://forum.inductiveautomation.com/u/Learner_Ignition)\
**Post date:** [August 10, 2023, 4:31am UTC](https://forum.inductiveautomation.com/t/drag-and-drop-template-view-to-running-project/77682/2 "2023-08-10T04:31:30Z")

</div>

Hope this will help.  
[https://docs.inductiveautomation.com/display/DOC81/Configuring+a+Dashboard](https://docs.inductiveautomation.com/display/DOC81/Configuring+a+Dashboard)

Follow the Ignition sample project Dashboard view for more understanding.

---

<div class="post-metadata">

**Author:** ![chaoliang](https://avatars.discourse-cdn.com/v4/letter/c/ba8739/32.png) [@chaoliang](https://forum.inductiveautomation.com/u/chaoliang)\
**Post date:** [August 10, 2023, 4:55am UTC](https://forum.inductiveautomation.com/t/drag-and-drop-template-view-to-running-project/77682/3 "2023-08-10T04:55:06Z")

</div>

Thanks for the information.

Never had chance to close look at the dashboard function yet. I will have a try.

---

<div class="post-metadata">

**Author:** ![chaoliang](https://avatars.discourse-cdn.com/v4/letter/c/ba8739/32.png) [@chaoliang](https://forum.inductiveautomation.com/u/chaoliang)\
**Post date:** [August 12, 2023, 11:39am UTC](https://forum.inductiveautomation.com/t/drag-and-drop-template-view-to-running-project/77682/4 "2023-08-12T11:39:25Z")

</div>

I have tried the dashboard, and tried to add template view to the screen.

The template view has a few parameters, I have synced them to the viewParams, but somehow I cannot find a setting that allow me to configure these parameters in runtime mode.

Another questions is whether there's a setting that allows the template views to overlap with each other in Dashboard? From my current experience, the previously placed view template will dash to the corner of the screen if the newly placed view is going to interfere with the previous one.

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [August 12, 2023, 11:57am UTC](https://forum.inductiveautomation.com/t/drag-and-drop-template-view-to-running-project/77682/5 "2023-08-12T11:57:50Z")

</div>

> [@chaoliang](#):
>
> I cannot find a setting that allow me to configure these parameters in runtime mode.

Has your view got the `configuring` option added to its PARAMS section?  
[https://docs.inductiveautomation.com/display/DOC81/Configuring+a+Dashboard#ConfiguringaDashboard-SettingaWidgetasConfigurableintheDesigner](https://docs.inductiveautomation.com/display/DOC81/Configuring+a+Dashboard#ConfiguringaDashboard-SettingaWidgetasConfigurableintheDesigner)

> Another questions is whether there's a setting that allows the template views to overlap with each other in Dashboard?

Not as far as I can see and I don't think it would provide a useful user experience.

---

<div class="post-metadata">

**Author:** ![chaoliang](https://avatars.discourse-cdn.com/v4/letter/c/ba8739/32.png) [@chaoliang](https://forum.inductiveautomation.com/u/chaoliang)\
**Post date:** [August 12, 2023, 12:17pm UTC](https://forum.inductiveautomation.com/t/drag-and-drop-template-view-to-running-project/77682/6 "2023-08-12T12:17:31Z")

</div>

From the document, It looks like the "configuring" param is not the exact function I look for, but I should be able to work around it.

Thanks.

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [August 12, 2023, 1:54pm UTC](https://forum.inductiveautomation.com/t/drag-and-drop-template-view-to-running-project/77682/7 "2023-08-12T13:54:21Z")

</div>

> [@chaoliang](#):
>
> It looks like the "configuring" param is not the exact function I look for

What exactly _are_ you looking for?

Configuring will turn on the edit button in the run-time widget being configured. You then monitor the `configuring` parameter and enable / disable components in the view to, for example, display a text field so they can configure the widget's titlebar, etc.

---

<div class="post-metadata">

**Author:** ![chaoliang](https://avatars.discourse-cdn.com/v4/letter/c/ba8739/32.png) [@chaoliang](https://forum.inductiveautomation.com/u/chaoliang)\
**Post date:** [August 12, 2023, 1:56pm UTC](https://forum.inductiveautomation.com/t/drag-and-drop-template-view-to-running-project/77682/8 "2023-08-12T13:56:26Z")

</div>

when clicking on the widgets, is there any way to know which widget is selected?

For example, there are 10 widgets created in the dashboard, still in the editing mode, if I click on one of the widgets, how do I know the index number of this selected widget?

---

<div class="post-metadata">

**Author:** ![Transistor](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/transistor/32/3380_2.png) [@Transistor](https://forum.inductiveautomation.com/u/Transistor)\
**Post date:** [August 12, 2023, 2:13pm UTC](https://forum.inductiveautomation.com/t/drag-and-drop-template-view-to-running-project/77682/9 "2023-08-12T14:13:17Z")

</div>

> [@chaoliang](#):
>
> how do I know the index number of this selected widget?

You don't but there shouldn't be any need to.  
Again, what is the real problem you are trying to solve?

---

<div class="post-metadata">

**Author:** ![Markus\_Oosthuizen](https://sea1.discourse-cdn.com/inductiveautomation/user_avatar/forum.inductiveautomation.com/markus_oosthuizen/32/81030_2.png) [@Markus\_Oosthuizen](https://forum.inductiveautomation.com/u/Markus_Oosthuizen)\
**Post date:** [March 2, 2026, 2:38pm UTC](https://forum.inductiveautomation.com/t/drag-and-drop-template-view-to-running-project/77682/10 "2026-03-02T14:38:57Z")

</div>

Hi, late addition to the post but maybe see if this module can help with your needs

> **[Ignition Third-Party Module Showcase](https://inductiveautomation.com/moduleshowcase/module/lidt-technologies-perspective-drag-and-drop)**
>
> Easily extend Ignition's core functionality with Third-Party Modules. The Module Showcase is a great place to find a solution that best meets your needs.

Demo video:

> **[Drag & Drop Module for Ignition Perspective Released | Markus Oosthuizen...](https://www.linkedin.com/posts/markus-oosthuizen-85652b138_ignition-scada-hmi-ugcPost-7428167999129481216-Omjh?utm_source=share&utm_medium=member_desktop&rcm=ACoAACGJrQIBs9ur7wPCJajsaMhvxQDOUsFGFok)**
>
> Now on the Ignition Module Showcase!
> LIDT Technologies have released a Drag & Drop Module for Inductive Automation's Ignition Perspective platform, built for creating dynamic, operator-configurable HMI interfaces.
> The module adds three components to...
