12 Replies Latest reply: Nov 7, 2014 10:09 AM by Nick Webster

FilterPane Document Extension

Nick Webster Apr 23, 2013 6:36 AM

A while back I was asked if it was possible to put some list boxes onto a floating panel which would slide out when required, slide being the key word. The answer is yes and I've put a Document Extension together that does just that.

In essence the extension takes ALL objects that sit in the left 250px of a QlikView sheet and puts them on a new hidden, but accessible, panel and then shifts the rest of the objects over to the left, giving you another 250px of real estate to use for other purposes. A 'tab' on left side of QlikView provides access to the panel when clicked, touched or hovered over (depending on device), which will slide out over the existing objects and slide in again accordingly.

It's currently using jQuery to identify the current sheet/tab so if you have a QVW with the Tab Row hidden then you'll need to adapt the extension. It's by no means perfect as the size and positioning are currently coded into the script and css files and in an ideal world these would be configurable. The repositioning of containers is also not 100% accurate yet.

Please feel free to download/use/adapt and I'd be glad to hear your feedback.

Thanks

FilterPane.zip 1.5 MB

Re: FilterPane Document Extension

David Foster Jul 11, 2013 6:27 AM (in response to Nick Webster )

Hi Nick

How does the pane determine what goes in and what goes out. I was wondering if I could put a search object and text objects in there as well
Like Show 0 Likes (0)

Actions
- Re: FilterPane Document Extension
  
  Nick Webster Jul 11, 2013 6:36 AM (in response to David Foster)
  
  Hi,
  
  In theory you can have pretty much everything in there except a container. The extension is currently configured to pick up everything that is in the first 250px on the left and put it into the pane (this also means it's best if those objects are around 250px wide or less. This number can be changed in the main script.js file of the extension if needs be.
  
  I hope that helps.
  
  Nick
  
  Like Show 0 Likes (0)
  
  Actions
  - Re: FilterPane Document Extension
    
    David Foster Jul 11, 2013 6:44 AM (in response to Nick Webster )
    
    Brilliant thanks :-)
    
    Like Show 0 Likes (0)
    
    Actions
  - Re: FilterPane Document Extension
    
    David Foster Jul 18, 2013 6:06 AM (in response to Nick Webster )
    
    Hi Nick
    
    The only niggle I have come across is the behaviour of the search object and the search function on list boxes. The white popup box is not visible. My guess is that they are appearing on a layer that is hidden by the filterpane.
    
    Like Show 0 Likes (0)
    
    Actions
    - Re: FilterPane Document Extension
      
      Darwin Natividad Oct 4, 2013 8:56 AM (in response to David Foster)
      
      Hi David,
      
      Were you able to find a workaround for that search function issue?
      
      Like Show 0 Likes (0)
      
      Actions
      - Re: FilterPane Document Extension
        
        David Foster Oct 10, 2013 5:07 AM (in response to Darwin Natividad)
        
        No
        
        I think anything that pops-up a list box will not work as the list will be rendered behind the filterpane itself.
        
        Like Show 0 Likes (0)
        
        Actions
Re: FilterPane Document Extension

Darwin Natividad Oct 4, 2013 8:42 AM (in response to Nick Webster )

Multibox is also buggy. Drop down for that object is not working when under FilterPane
Like Show 0 Likes (0)

Actions
Re: FilterPane Document Extension

Michiel van de Goor Feb 14, 2014 9:29 AM (in response to Nick Webster )

GREAT!!!!
Like Show 0 Likes (0)

Actions
Re: FilterPane Document Extension

Scott Cross May 21, 2014 1:24 PM (in response to Nick Webster )

Hi Nick - very cool extension

Although, I am seeing an issue when I change sheets, the filter pane doesnt want to pick up the objects in the new sheet. Instead it just covers the items underneath it (that should be contained in the filter pane). Did you run across this at all, or would you happen to know how this could be fixed?

Thanks again for the cool dev work!
Like Show 0 Likes (0)

Actions
- Re: FilterPane Document Extension
  
  walter coleman Aug 17, 2014 7:53 PM (in response to Scott Cross)
  
  Very sweet code, have you improved it at all since you created it?
  can i show the hidden tab also on the right?
  
  Like Show 0 Likes (0)
  
  Actions
  - Re: FilterPane Document Extension
    
    Nick Webster Nov 7, 2014 10:09 AM (in response to walter coleman)
    
    Hi Walter,
    
    Unfortunately the code is still the same as the original upload although I have heard of it being improved by others for specific applications.
    In theory it should be simple enough to position on the right hand side providing you have some javascript skills. From memory I believe I'm looping through the elements and the panel and adjusting the "left" position. You should be able to swap this for the "right" position (and perhaps a few other minor tweaks) and job done.
    
    (Apologies to you as well for the delayed reply)
    
    Thanks
    Nick
    
    Like Show 0 Likes (0)
    
    Actions
- Re: FilterPane Document Extension
  
  Nick Webster Nov 7, 2014 10:06 AM (in response to Scott Cross)
  
  Hi Scott,
  Unfortunately I didn't really get time to look into any of the problems/enhancements with the extension although I'm sure it could be made much cooler. I know that some of our partners have taken the extension and redeveloped it to be much more sophisticated. If you have some web dev knowledge and experience with browser developer tools you can interrogate the QlikView layout and use that to expand on the functionality.
  As much as I'd like to work on the extension I'm doubtful I'll get the time.
  (My apologies as well for the rather delayed response)
  Thanks
  
  Nick
  
  Like Show 0 Likes (0)
  
  Actions

Go to original post