Adam Cooke

I currently work as a consultant for Qlik, a software company doing some interesting stuff in business intelligence. Check it out Qlik.com. I write this blog to showcase some technical bits that I hope will be useful to others.
adamcooke@webofwork.com

Tags

Introduction to Bootstrap for Qlikview people

Webofwork > Qlik Sense Web Applications  > Introduction to Bootstrap for Qlikview people

Introduction to Bootstrap for Qlikview people

This post may be of interest to you if you want to do a branded layout in Qlik Sense.

With Qlikview it was very easy to throw a layout together and use show hide conditions to make intuitive layouts. Qlikview people often comment that Sense is more restrictive, or somehow has less features because the layout by default is now grid based to cater for mobility.

I would argue that actually the opposite is the case.

With both Qlikview and Qlik Sense the best approach to building stable, mobile, branded layouts is to use a library designed for it. Qlik is a business intelligence tool that has a GUI to position graphs, while it does a very good job at using variables to show and hide objects, that is not what is built to do, and anyone who has built a complex UI using Qlikview only components will understand the complexity that can build once you get past a certain stage. I like to use Qlik for what it is best at, which is making discoveries in your data.

How to approach a layout or UI focused requirement?

To get maximum results and to save time and effort in the long run, it is only logical to use something that is built for creating dynamic, mobile layouts. This is libraries like Bootstrap can provide us.

The learning curve is relatively small, if you can do simple copy and pasting. You should be able to throw together a decent layout in half an hour. If you really don’t want to go near HTML and CSS, you always have the option of choosing one of the hundreds of HTML/CSS GUI editors that exist. You don’t need to be a HTML and CSS expert to use Bootstrap, I would argue the library is built for people who are not UI developers.

To make life even easier check out this great drag and drop bootstrap layout creator:

http://www.layoutit.com/build?r=98481661

The following link will give you a basic understanding of how it works:

http://getbootstrap.com/examples/grid/

Conceptually it is just putting boxes inside of other boxes to make the layout you want. Bootstrap does all the clever stuff about reordering them when it detects a smaller screen like a mobile device.

 

Just copy and paste into the Qlik Sense mashup builder or your text editor if you are using a different one, just remember to include the javascript file references

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
user-gravatar
Adam Cooke

I currently work as a consultant for Qlik, a software company doing some interesting stuff in business intelligence. Check it out Qlik.com. I write this blog to showcase some technical bits that I hope will be useful to others.

3 Comments
  • Posted at 6:06 pm, 11th September 2017

    … [Trackback]

    […] Read More here|Read More|Read More Infos here|There you can find 47560 additional Infos|Informations to that Topic: webofwork.com/introduction-to-bootstrap-for-qlikview-people/ […]

  • Posted at 10:34 pm, 15th September 2017

    … [Trackback]

    […] Find More here|Find More|Read More Infos here|Here you can find 18779 more Infos|Informations to that Topic: webofwork.com/introduction-to-bootstrap-for-qlikview-people/ […]

  • Posted at 5:14 pm, 18th September 2017

    … [Trackback]

    […] Find More on|Find More|Find More Infos here|There you will find 10966 additional Infos|Infos to that Topic: webofwork.com/introduction-to-bootstrap-for-qlikview-people/ […]

Post a Comment

Comment
Name
Email
Website