These are great ideas. I would love to see a pull request with them. I think the whole community would appreciate it; e.g. - flyout menus on tabs in desktop view - off-canvas menu in mobile - sticky header in mobile
Cool stuff! James Wennmacher - Unicon 480.558.2420 On 11/10/2015 06:30 AM, Aaron Grant wrote: > Hi Christian, > > Your assessment is correct. We couldn't find a really good spot for > greetings and felt it cluttered the UI on smaller screens. Also we > don't use notifications yet in our instance of the portal. I think it > works well for us. We also have a little JavaScript function that will > move the user to navigation bar if they are further down on the page, > this way they don't have to scroll and find it. > > Aaron > > On Tue, Nov 10, 2015 at 3:48 AM, COUSQUER Christian > <[email protected] <mailto:[email protected]>> wrote: > > 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]> > [mailto:[email protected] > <mailto:[email protected]>] *De la part de* > Aaron Grant > *Envoyé :* vendredi 6 novembre 2015 14:24 > *À :* [email protected] > <mailto:[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. > > > > > 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 [email protected] > <mailto:[email protected]> as:[email protected] > <mailto:[email protected]> > To unsubscribe, change settings or access archives, > seehttp://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] as: > [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
