vykonProNavigation - Geographic Nav Selector

The Geographic 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 state, city and site.



Figure - Geographic Nav Selector Property Sheet

Geographic 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 Geographic Nav Selector builds an array of all stations defined in the Niagara network and then attempts to sort the list based on state and city properties. In order for the widget to be able to sort by state and city, properties must be added to the Niagara station components.



Figure - Niagara Station Slot Sheet

Niagara Station Slot Sheet

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

Geographic Nav Selector View

The Geographic 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 state selector. After selecting either "undefined" if available or one of the state items, the city drop down selector is enabled.



Figure - State Selector

State Selector

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



Figure - City Selector

City Selector

The site drop down selector will only be populated with sites associated with the selected sate and city. 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.