Niagara - PX View - Creating a drop-down menu
This article outlines how to create a modern-looking drop-down menu in the PX view.
Configuration of the HyperlinkList component
Use the HyperlinkList component from the VykonPro module in the util folder. Place the component in the station; to keep the station’s view clear, it can be located as below:
![](../../__attachments/383516673/image-20220610-083556.png?inst-v=99fab5a7-671f-4b8f-9877-4c441fa1b4fd)
Fig.1 The HyperlinkList component in the station
Next, after opening the AX Property Sheet view of the HyperlinkList component, set the number of hyperlinks in the drop-down menu. Next, specify the paths to the PX files that will be displayed and how they will be named inside the menu.
![](../../__attachments/383516673/image-20220610-084252.png?inst-v=99fab5a7-671f-4b8f-9877-4c441fa1b4fd)
Fig. 2 Configuring the HyperlinkList component
PX configuration
In order to properly configure the drop-down menu, it is necessary to create a PX and use the HyperlinkListSelector or HyperlinkListSelectorV1 component. V1 was used for aesthetic reasons. In the ord slot, specify the path to the previously configured HyperlinkList component.
![](../../__attachments/383516673/image-20220610-084830.png?inst-v=99fab5a7-671f-4b8f-9877-4c441fa1b4fd)
Fig. 3 Configured HyperlinkListSelectorV1 component
The element configured this way has to be added on all graphics, which the component will transfer users to, to keep the link between graphics with a use of the drop-down menu.
![](../../__attachments/383516673/image-20220610-085211.png?inst-v=99fab5a7-671f-4b8f-9877-4c441fa1b4fd)
Fig 4. The drop-down menu after a proper configuration