Toolbar to cut across left panel and main view


#1

Hi.

So am working on a desktop application, and I want to have a bottom toolbar cutting across the left panel and the main view using the “split view” web template. Can this be done?

So far, am only able to get the toolbar either in the left panel, or the main view. Am using the sample code

<!-- Toolbar-->
    <div class="toolbar toolbar-bottom">
      <div class="toolbar-inner">
        <a href="#" class="link">Left Link</a>
        <a href="#" class="link">Right Link</a>
      </div>
    </div>

I tried placing it outside the left panel and main view, but it does not appear. Any ideas?


#2

Place it as app root and make sure to tweak its styles position in CSS


#3

Ok, I have placed it at app root, but am not sure how much tweaking I need to do in css. Any pointers?


#4

Just inspect its element in browser dev tools. Make sure it has position:absolute and z-index larger than Views’s and Panel’s


#5

Have got it! Thank you very much!