12 Replies Latest reply: Jul 25, 2016 4:11 AM by Henri Eskelinen RSS

    What is the optimum layout for a responsive environment in Sense

    Andy Weir

      How does Qlik Sense determine the order in which objects on a sheet are displayed when viewed on smaller viewing devices such as a tablet or mobile?

       

      Is there a suggested layout e.g. Filters on the left hand side?  I have filters on the top and on the left with charts/tables in the middle when I look at the chart in a smaller view port my screen objects appear to display in random order.  Is there a way I can set this order myself or some guidance on how best to layout the screen.

       

      Regards

       

       

      Andy

        • Re: What is the optimum layout for a responsive environment in Sense
          Johan Idh

          Ordering starts from the top-left, going row by row down.

            • Re: What is the optimum layout for a responsive environment in Sense
              Andy Weir

              Mmmm strange my sheet is not behaving that way.  Seems to be quite random as the first chart it is displaying when the browser is shrunk is from the 2nd row down and from the right hand side.  I'm wondering if its using object created date or something equally weird? 

               

              I'm using Qlik Sense Desktop 0.96 so know I need to upgrade but even though I fail to see the logic at present.

                • Re: What is the optimum layout for a responsive environment in Sense
                  Vinay Kapoor

                  Hi,

                   

                  With Sense 0.96, there was a bug in the responsive behavior. The behavior you see (and that is wired into 0.96) orders objects based on how they were created. They used to be (up untl 0.96) layed out in a first-created-first-displayed fashion on small screen devices.

                   

                  With Sense v1.0, we have fixed that issue and now they are layed out in a row and column basis. i.e., starting from top left corner, sense will pickup the first object, and then layout all object in the first row, going from left to right. Then Sense will move to the next row and do the same thing, continuing until it hits the last object on the bottom right corner.

                   

                  Regards,

                  Vinay

              • Re: What is the optimum layout for a responsive environment in Sense
                Michael Tarallo

                Hi Andy - some food for thought - one other suggestion / recommendation, purely subjective but may deem feasible when using Qlik Sense Apps on smaller devices.

                 

                You could choose NOT to put any filter controls, or just put a minimum needed - AND then use the Global Smart Search capability and Global Selections panel - to provide other selection interaction / analysis for the dimensions. This depends on the data-model as well as if you are using derived dimensions defined in the script or within the master items library etc. Currently derived dimensions (new dimensions created from expressions), created in the master list will not show up in the Global Search or Global Selections Tool panel - however if defined in the script when the data model is loaded they will. Also using Bookmarks - with predefined selections states can also be helpful.

                 

                Global Selections Tool:

                 

                10-15-2014 8-14-37 AM.png

                 

                10-15-2014 8-15-46 AM.png

                 

                Global Smart Search:

                 

                10-15-2014 8-24-39 AM.png

                 

                For you (if you have not seen it) an others reading this post - please check out these short videos for more on this topic:

                 

                 

                 

                 

                Please mark the appropriate replies as helpful / correct so our team and other members know that your question(s) has been answered to your satisfaction.

                 

                Regards,

                 

                Hope you find this information useful.

                 

                Mike

                  • Re: What is the optimum layout for a responsive environment in Sense
                    Andy Weir

                    Hi Michael

                     

                    Thanks for this. It is a good summary of how to make selections.  If I was designing an app to be purely viewed on a mobile this would effect my design decisions as to appropriate filters and charts to visualise the data but my brief is for the Document to be accessible from different devices with the most common way of accessing the document being office based via a PC or Laptop.  Occasionally users will want access the data on the go (travelling or client/partner/supplier site visits) in which case the ability to access the document from a tablet or mobile device becomes useful.

                     

                    Are you suggesting I create 2 or 3 documents designed for the device we might use?  Surely this defeats the object of providing a responsive layout.

                     

                    I must admit I am currently only observing this strange behaviour when I reduce the Qlik Sense Desktop window I have not got as far as loading the document onto Qlik Sense Server and accessing it from my Mobile yet so perhaps the issue will fix itself then.  Are you aware of any issues with the order charts are displayed when the view port shrinks?

                     

                    Regards

                     

                     

                    Andy

                    • Re: What is the optimum layout for a responsive environment in Sense
                      Henri Eskelinen

                      Hey Mike,

                       

                      I had also thought of designing dashboards without filter controls and instructing users on using the Selection Tool. However, based on what you said, I understand that there is limited ability to control what is shown in the "App Dimensions" section of the Selection Tool, as only dimensions that are not created on the master list AND are used in the app as dimension are listed in the tool. In my case, I have used the master list extensively or used variables as dimensions to give users more power over what they see. Does that mean that the only way for me to add dimensions into the "App Dimensions" section of the Selection Tool is to create a new sheet with charts/objects that have the desired dimensions (directly from the script)? If so, and seeing as there is no way to hide sheets from users, I would have to tell them to "ignore that sheet", which I prefer not doing. It would be great to have more direct control over what is shown in the "App Dimensions" section!

                       

                      I also want to say that your comment was the only documentation I found of what exactly is shown in the "App Dimension" section (i.e. that no dimensions in the master list are shown). It would be great to have that added to the appropriate guides (e.g. the "Explore, discover and analyze" guide available at https://help.qlik.com/en-US/sense/3.0/Content/Guides.htm). Or have I simply been looking for the documentation in the wrong places (guides & community forum)?

                       

                      Thanks!