Hi Aaron and hello All, I definitely like your idea of sticky menu bar and it’s very simple to mix these two approaches. Can you confirm what I’ve seen on Mysail In the main nav you have create : A div “menu-bar” with two links “Menu” and “sign in/sign out” only visible on small devices This div is in position fixed with a width of 100% and is display on top over the div global row. Right?
So the greeting and notifications are not visible on small device, because the sticky menu came over it. I understand quite well why you did that, because if you put position:fixed on .portal-global.row (contain greeting and notification), the div goes out of the flow and all the header is break. De : [email protected] [mailto:[email protected]] De la part de Aaron Grant Envoyé : vendredi 6 novembre 2015 14:24 À : [email protected] Objet : Re: [uportal-dev] Off-canvas menu This is pretty cool Christian. I think this is a nice design. We've also modified the header to stick to the top on smaller views (tablets, phones). A mix of these approaches would really help with UX. [cid:[email protected]] On Fri, Nov 6, 2015 at 4:43 AM, COUSQUER Christian <[email protected]<mailto:[email protected]>> wrote: Hello everyone, I've just finish a development for our portal and let me know if this could interest the community. I’ve develop an optional off-canvas menu for the main navigation of uPortal and patched the fly-out menu (optional too). In fact, I was embarrassed by the drop-down menu navigation which required for the user to a significant vertical scrolling on small devices. With the off-canvas menu, the main navigation now opens in a side panel. see screenshots. all this, off-canvas and fly-out, is optional and I18N, you just need to change either one or two parameters in navigation.xsl <xsl: param name = "USE_FLYOUT_MENUS" select = "'true" /> <!- Sets the use of flyout menus. Values are 'true' or 'false'. -> <xsl: param name = "USE_OFFCANVAS_MENU" select = "'true" /> <! - Sets the use of off-canvas menu. Values are 'true' or 'false'. -> If you are interested in this, can you make a Jira for the Off-Canvas and I will pull you a pull-request. It is also (with activated fly-out) a beginning response to UP-4197 “Respondr mobile web view display 1 at a time portlet”. https://issues.jasig.org/browse/UP-4197 Best regards Christian -- You are currently subscribed to [email protected]<mailto:[email protected]> as: [email protected]<mailto:[email protected]> To unsubscribe, change settings or access archives, see http://www.ja-sig.org/wiki/display/JSG/uportal-dev -- Aaron Grant Senior Applications Architect Oakland University - UTS<http://oakland.edu/uts> -- You are currently subscribed to [email protected]<mailto:[email protected]> as: [email protected]<mailto:[email protected]> To unsubscribe, change settings or access archives, see http://www.ja-sig.org/wiki/display/JSG/uportal-dev -- You are currently subscribed to [email protected] as: [email protected] To unsubscribe, change settings or access archives, see http://www.ja-sig.org/wiki/display/JSG/uportal-dev
