Menu icon Foundation
Form inside off canvas <aside>

Is this possible w/out heavy customization? Are there any examples online that I could reference?
Thanks in advance.

formoff canvas

Is this possible w/out heavy customization? Are there any examples online that I could reference?
Thanks in advance.

Rafi Benkual over 5 years ago

This sounds interesting. No reason it shouldn't work. Have you tried? Can you share the code?

Brian Gundlach almost 5 years ago

The trick is, put the aside as the last element in the .inner-wrap after the .off-canvas-exit link so that the form is not part of the .exit-off-canvas element and when they click on a field the sidebar doesn't disappear.

<div class="inner-wrap">
  <!-- This is where your page content goes -->
  <a class="exit-off-canvas"></a>
  <aside class="left-off-canvas-menu">
        <!-- your form goes here -->
        <div id="navMainSearch"><?php require(DIR_WS_MODULES . 'sideboxes/search_header.php'); ?></div>
  </aside>
</div><!-- end of .inner-wrap -->

Justin about 4 years ago

This was very helpful. Exactly what I needed. Thanks, guys!