vykonProNavigation - Area Nav Selector

The Area Nav Selector is a px widget that dynamically creates navigation links for a group of Niagara stations. The navigation is broken down by geographic location based on area and district.



Figure - Area Nav Selector Property Sheet

Area Nav Selector Property Sheet

Properties

Note that the individual widgets such as the link button have their own px properties as well. Viewing the px properties allows customizing the items such as the font, text or icon of the link button.


Meta Tags

The Area Nav Selector builds an array of all stations defined in the Niagara network and then attempts to sort the list based on area and district properties. In order for the widget to be able to sort by area and district, properties must be added to the Niagara station components.



Figure - Niagara Station Slot Sheet

Niagara Station Slot Sheet

For any stations without an "Area" property or a null value, the station will be classified in the "Area" drop down selector as "undefined". For any stations without a "District" property or a null value, the station will be classified in the "District" drop down selector as "undefined".

Area Nav Selector View

The Area Nav Selector view is made up of three drop down selectors and a button. Initially the only drop down selector which is enabled is the area selector. After selecting either "undefined" if available or one of the area items, the district drop down selector is enabled. After selecting either "undefined" if available or one of the district items, the site drop down selector is enabled.



Figure - Area Selector

Area Selector

The district drop down selector will only be populated with districts associated with the selected area item. After selecting either "undefined" if available or one of the district items, the site drop down selector is enabled.



Figure - District Selector

District Selector

The site drop down selector will only be populated with sites associated with the selected area and district. The display names of the Niagara stations are used to populate the site selector. After selecting a site, the hyperlink button is enabled.



Figure - Site Selector

Site Selector

Clicking the hyperlink button will direct the user to the configured hyperlink for the selected site.