Function
A simple control which displays a fixed header at the top of your pages. We generally assume that you will use this control on your pages, and because of this, we include most resources which are required by other controls in here.
Usage
Drag the custom control onto your XPage and then complete the Custom Properties:
- backButtonText
- The label which will appear on the Back button (leave blank to hide button)
- backButtonURL
- The URL which will be opened when the Back button is pressed
- headerHomeLink
- Sets the navigation to an xpage from the home icon (top right). By default this is the Unplugged workspace. This is only recommended to be changed if the app is a mobile web app and not running on Unplugged
- search
- Defines the type of search you want to enable, options are "none", the searching will be disabled. "local" will search across view data (for example in the [[unpFlatView]]). "database" will open a new page and pass a "query" URL Parameter to allow you to search the full database using the [[unpSearchResults]] control
- searchPage
- Only required if the search property is set to "database"
- title
- the title to display at the top of the page
- viewsButton
- boolean to decide whether to display the Views button which will slide in the [[unpViewsList]] control if you are using it.
Below is an example of a standard header used in our Sampler application
Required Resources
When you use the Header custom control make sure that you have the following resources in your application: * /unp/jquery-2.0.3.min.js * /unp/fastclick.js * /unp/jquery.blockUI.min.js * /unp/jquery.autocomplete.js * /unplugged.js * /unpDialog.css * /unpCommon.jss