Off-Canvas / Uikit

Possibly having a moment of being blind, but I find options and methods for creating & controlling off-canvas menu (regular and widget) areas - but I can't seem to find an option to have them at bottom / top, as opposed to default/flip.

Am I overlooking something, or is it only enabled for default/flip?

Hey J.C.

I am not sure I understand what you want to do. Are you asking how to set the off-canvas to the right instead of the default which is on the left?


No. Those seem to be what is possible currently: set the off-canvas to default (left), or use flip and have it at the right. For both there seem to be options to push the actual page to the side, or slide over it.

I was wondering if it was possible to have the off-canvas come in from the top of the page, or up from the bottom.

This is something included in UIkit so you would have to build it yourself. Here is how I would do it:

  1. append a widget area (grid type) to the body.
  2. add a button to toggle it.
  3. add some JS/CSS it to do the sliding animation and styling.

I would love to put it together for you as it is fairly simple and quick but I unfortunately can't at this stage (timewise) πŸ™


Heh, no worries, I understand time constraints πŸ™‚ If I ever find the person who decided there's only 24 hours in a day ....

I was testing an alternate approach, using modal windows (tricky, incidentally), I hadn't considered using a widget area. Whichever way, on this end it'll have to wait until I figure out more js/css, as I find myself under siege by a sticky menu πŸ˜›

Shame though, would have made sense of they had thought of four directions, as opposed to two πŸ™‚

Feel free to make your suggestion to the UIkit folks πŸ™‚

Write a reply

Login or register to write a reply, it's free!