Loading...
Find
Log in
Username:
Password:
CapsLock is on.
Remember me (for 1 week)
Log in
Stay in SSL mode
History: Navbar improvement ideas
View page
Collapse Into Edit Sessions
Source of version: 1
«
»
Bootstrap has a mobile-first philosophy, so things are built to be usable on small devices first and then scaled up/modified to work well on larger displays. Tiki comes from the other direction, made for pc displays. The legacy site header carries that baggage. Approaches: * Use Bootstrap code (or equivalent) as closely as possible. ** It'll scale naturally for all displays (plus). ** This limits large-display content - how to have banner ads, non-menu/search/login content, etc.(minus). * Use legacy Tiki site header modules, etc. ** This displays fine in medium (maybe) and large screens. ** This is almost unusable in small displays as the site header take up the whole screen. * Coping strategies ** Use Bootstrap visibility classes to display modules appropriately for each screen size. *** Mostly this is to hide non-responsive modules in small views (plus). *** This means extra work at the admin-modules stage, and it's not documented yet (minus). ** Take advantage of the pagetop module zone to place a small-device menu that's hidden in larger views (currently in use at themes.to.o). *** An escape from what could be a mess in the collapsed site header. *** This means making a duplicate menu and adding it in admin-menus. ** ?? * Next steps ** Make navbar with "super-module fluffy" custom module *** Should produce the desired collapsible header (plus). *** Why is a profile/custom module needed to provide a basic feature? (minus) ** Should alternative menu display ideas be introduced (slidebars, etc.)? ** Is there a way to revise the code to get both a proper collapsing menu in small screens and the legacy site header contents/appearance in desktop view?
History
Enable pagination
rows per page
HTML diff
Side-by-side diff
Side-by-side diff by characters
Inline diff
Inline diff by characters
Full side-by-side diff
Full side-by-side diff by characters
Full inline diff
Full inline diff by characters
Unified diff
Side-by-side view
HTML diff
Side-by-side diff
Advanced
Information
Version
Wed 08 of Jul, 2015 05:48 GMT
chibaguy
Some ideas added about module zone/module visibility.
4
Mon 06 of Jul, 2015 13:32 GMT
chibaguy
3
Mon 06 of Jul, 2015 10:18 GMT
chibaguy
Added some links.
2
Mon 06 of Jul, 2015 08:23 GMT
chibaguy
1
Select action to perform with checked...
Remove
OK
Switch Theme
Site theme (fivealive-lite/grape)
Default
Amelia
Business
Cerulean
Cosmo
Cyborg
Darkly
Darkroom
Darkshine
Feb12
Fivealive-lite
Fivealive
Flatly
Greenvalley
Journal
Jqui
Lighty
Litera
Lumen
Lux
Materia
Minty
Morph
Ohia
Pulse
Quartz
Sandstone
Simplex
Sketchy
Slate
Solar
Spacelab
Strasa
Superhero
Thenews
Tikicorp
Tikinewt
Tikipedia
United
Utopias
Vapor
Yeti
None
Akebi
Grape
Kiwi
Lemon
Orange
Plum
Raspberry
Watermelon
Switch
Layout
Stay on this page
Default
Fixed top navbar (uses site icon + "topbar" module zone)
Basic Bootstrap
Classic Tiki (3 containers - header, middle, footer)
Tikipedia
Latest Changes
No records to display
...more
Subscribe to Tiki Newsletters!
Delivered fresh to your email inbox!
Don't miss major announcements and other big news!
Site Config
Site upgraded to Tiki 23.x
Sat 24 of Jul, 2021 00:30 GMT
Site upgraded to Tiki 20
Wed 29 of May, 2019 07:57 GMT
We are now on Tiki 19.x
Fri 05 of Oct, 2018 10:02 GMT
Shoutbox module removed
Thu 28 of Jun, 2018 07:01 GMT
We are now on Tiki 18.x
Wed 02 of May, 2018 08:46 GMT
Upgraded to Tiki 17.0
Wed 02 of Aug, 2017 08:19 GMT
Upgraded to Tiki 15.0alpha
Tue 08 of Mar, 2016 13:34 GMT
Site updated to Tiki 14 beta
Tue 21 of Apr, 2015 00:01 GMT
Testing Tiki10
Thu 15 of Nov, 2012 23:06 GMT
Configurable header buttons in XtratoVeil layout
Wed 17 of Oct, 2012 14:54 GMT