---
title: "Configuration Of DLNA Controller Widget In Your Project"
canonical: "https://docs.cuesystem.com/space/CVCWIDGETS/447152599/Configuration%20Of%20DLNA%20Controller%20Widget%20In%20Your%20Project"
format: markdown
---
# Overview

Using DLNA Controller Widget in your project is very easy. You must only insert three object (driver, applet and graphic collection) into your project, put UPnPControlsGUI graphic object to some page or window and write one line of source code.

# Inserting Objects

## Inserting Driver

Insert UPnP driver into your project, drag it to configuration tab and connect all his connectors to touch panel.

![image](media://fd6e15cd-b59d-446e-8a6c-52943e71d4a4)

You need not set any properties, only *Name*.

## Inserting Applet

Insert UPnP_Base applet into your project.

![image](media://2799b61b-840a-4002-b804-af9f4b0a0c00)

You need not create any instance of this applet in CUEunit applets. This applet is used by graphic object and UPnP driver internally.

## Inserting Graphic Object

Insert UPnPControlsUI collection into your project resources. Drag UPnPControlsGUI graphic object to page or window.

![image](media://65bd4b4b-880c-45f3-a989-0be1efc05855)

Only *ObjectID, LinesCount *and *MaskBackground *properties must be set. *ObjectID *must by unique number 1 - 10 within UPnPControlsGUI classes connected to same UPnP driver. *LinesCount *and *MaskBackground *affects only appearance of the graphic object.

Finally, you must call graphic object function RegisterDeviceDriver. It is one line of source code placed in

*Autoexec *process of touch panel, for example:

*pgMain.UPnPControlsGUI1.RegisterDeviceDriver(Media_Server1)*

where *pgMain *is name of page, where graphic object is placed, *UPnPControlsGUI1 *is name of your graphic object and *Media_Server1 *is name of your UPnP driver.