Expanding the Qlik Sense Editor Pane

Summary: In this post I present a non-intrusive bookmarklet to hide the Sections pane in the Qlik Sense Script Editor to provide more real estate for typing script. 

EditNote in the comments below that hiding the pane can be done out of the box using keyboard shortcuts such as Alt-F11.   That reminds me to read the doc! Nevertheless the concept of bookmarklets is useful and this post is bringing in some interesting contributions. 

I sometimes wish for a larger window in the Qlik Sense Script Editor where we type  statements.  This is especially true when I am projecting and I’ve zoomed my browser to make the text legible to the audience, or I’m saddled with a very low resolution.

The UI allows me to hide the Data Connections pane which provides  more space, but I’m still left with the Sections pane consuming 250 pixels on the left which may not serve me at the moment.

Wouldn’t it be great if I could hide/show the Sections pane on demand, like I can do with  Data Connections? Here’s a simple non-intrusive hack that will allow you to do just that.

Paste the following code in a bookmarklet. If you’re not familiar with bookmarklets, they are small bits of javascript code that can be executed from the bookmarks menu.  If you are using Chrome as I do, it’s as simple as pasting the javascript code in the URL property of a bookmark.  Google to learn more about bookmarklets.  If you are using a browser other than Chrome google to see how to create (if possible) bookmarklets in your browser.   Here’s the javascript:

javascript: (function () {
 var size = ($('.scripteditor-left').css("width") == "0px") ? "250px": "0px";
 $('.scripteditor-left').css("width", size);
 $('.scripteditor-stage').css("left", size);
 }());

Apply the bookmark and here is what the editor looks like now:

Apply the bookmark again and the Sections pane reappears.

 

This is an unsupported hack of Qlik Sense.  If something else does not work in the editor, you should refresh the browser — which will completely remove any effects of the bookmark — before suspecting or reporting that Qlik Sense has a defect.

This is  a very clean technique to add behavior because we have not modified any Qlik Sense files.

I file my QS bookmarklets in a Bookmarks Bar folder named “QS” which gives me easy access in a dropdown to mods I’ve created for Sense.

Here’s another bookmarklet I find useful.  This one opens the Qlik Sense script log folder for QS Desktop.  My userid in the path is hardcoded, you would of course update to the correct folder name for your machine.

file:///C:/Users/rob/Documents/Qlik/Sense/Log

Please share if you develop additional useful bookmarklets for Qlik Sense.

-Rob

 

Share

14 thoughts on “Expanding the Qlik Sense Editor Pane”

  1. Thanks Rob, this has also been bugging me!
    I came up with a slight modification which shrinks the sidebar rather than hides it. Now I have two bookmarklets 🙂

    javascript: (function () { var size = ($(‘.scripteditor-left’).css(“width”) == “150px”) ? “250px”: “150px”; $(‘.scripteditor-left’).css(“width”, size); $(‘.scripteditor-stage’).css(“left”, size); }());

  2. It is possible to use Keyboard shortcuts:
    Alt+F9 – Shows the left panel or hides it if it is visible.
    Alt+F10 – Shows the right panel or hides it if it is visible.
    Alt+F11 – Expands the script editor to full screen.

  3. Regardless of whether it’s part of Qlik’s subsystem, learning how to make and apply these bookmarklets is a great learning experience and how-to. Thanks, Rob

  4. Hi Rob,

    Your JavaScript bookmarks gave me another idea when it came to switching quickly from the Qlik Sense Hub to the Qlik Sense QMC and vice versa:

    (for the QMC):
    javascript:window.open(‘https://’+window.location.hostname + ‘/qmc/’, ‘_blank’)

    (and for the HUB):
    javascript:window.open(‘https://’+window.location.hostname + ‘/hub/’, ‘_blank’)

    I also made a small usability improvement, which I described in my blog.

Leave a Reply

Your email address will not be published. Required fields are marked *