Loading...
 
Skip to main content

History: Site Header (Page Header) Strategies

Preview of version: 5

An important part of responsive web design is good site identity and navigation in all display sizes. This page demonstrates and describes several methods to configure the site header area.

The search form

The general information about configuring the search feature is here: https://doc.tiki.org/Search. When used in the site header, the search form generally isn't displayed as a normal module, with box/panel border and title, etc. (appearance depending on the theme). Instead, it has the parameter nobox=y set so that only the search input and button are shown.

Search Form Compact Off
But this takes up two rows as the buttons are positioned below the input, which may be too much vertical space.

Search Form Compact
If the "Compact mode" parameter is set to "y", then the form uses only one line, which is the most compact vertically.

Search Form Compact Hover
The buttons appear when the pointer hovers over the form.

History

Advanced
Information Version
Mon 04 of Apr, 2016 12:57 GMT-0000 Gary Cunningham-Lee Info about layouts and module zones added. 9
Mon 04 of Apr, 2016 11:27 GMT-0000 Gary Cunningham-Lee Uploaded replacement image. 8
Mon 04 of Apr, 2016 11:15 GMT-0000 Gary Cunningham-Lee Module zone image added. 7
Mon 28 of Mar, 2016 14:49 GMT-0000 Gary Cunningham-Lee Information added. 6
Mon 28 of Mar, 2016 11:42 GMT-0000 Gary Cunningham-Lee Images added. 5
Mon 28 of Mar, 2016 11:37 GMT-0000 Gary Cunningham-Lee 4
Mon 28 of Mar, 2016 11:32 GMT-0000 Gary Cunningham-Lee Added info about search form. 3
Mon 15 of Feb, 2016 16:49 GMT-0000 Gary Cunningham-Lee Simplified. 2
Mon 15 of Feb, 2016 16:48 GMT-0000 Gary Cunningham-Lee Page created. 1