17 Replies Latest reply: Dec 19, 2016 1:46 AM by Lakshmikandh Karthikeyan Branched to a new discussion. RSS

    Increase tabs on extension in QlikSense

    Infosense_Developer Ltd

      Hello,

       

      I am a new in QlikSense,I have tabs extension in there are 5 tabs available but i want to add  one more tabs in existing extension How is that possible ?, Can you please suggest on this.

       

      it is urgent for me.

       

       

      thanks,

      Infosense_developer

        • Re: Increase tabs on extension in QlikSense
          Aehman K

          What's the Extension name you're using?

          Or can you attach the file where you'd like to modify the code?

          • Re: Increase tabs on extension in QlikSense
            Infosense_Developer Ltd

            Hello ,

             

             

            I have attached code file in same subject on another discussion.

            please suggest me on that.

             

            thanks,

            infosense_developer

            • Re: Increase tabs on extension in QlikSense
              Lakshmikandh Karthikeyan

              Try to edit the JS file in that extension to increase the Tabs

              • Re: Increase tabs on extension in QlikSense
                Infosense_Developer Ltd

                I tried it and also modified in JS file but there are no effects on that extension that is issue.

                Is there any way toh run extension and anything else process for extension ? or just we need edit in Extension file.

                • Re: Increase tabs on extension in QlikSense
                  Infosense_Developer Ltd

                  Below link I have downloaded extension and modified in both extension JS file.

                   

                  1) https://github.com/mhamano/Qlik-Sense-Tabs

                   

                  2) http://branch.qlik.com/#!/project/56728f52d1e497241ae6984f

                   

                  Please give me suggestion on this.

                   

                  Thanks,

                  Infosense_developer
                  • Re: Increase tabs on extension in QlikSense
                    Infosense_Developer Ltd

                    I have modified in same Properties js file but there is no effects occur in extension.

                    can you please provide me that updated Properties js file.

                     

                    Thanks,

                    Infosense_developer

                      • Re: Increase tabs on extension in QlikSense
                        Lakshmikandh Karthikeyan

                        i have attached in the above reply

                          • Re: Increase tabs on extension in QlikSense
                            Lakshmikandh Karthikeyan

                            define(["qlik", 'ng!$q'], function ( qlik, $q) {

                              //'use strict';

                             

                             

                              var app = qlik.currApp(this);

                             

                             

                             

                             

                              // ****************************************************************************************

                              // Properties Definition

                              // ****************************************************************************************

                             

                             

                             

                             

                              var getMasterObjectList = function () {

                             

                             

                              var defer = $q.defer();

                             

                             

                              app.getAppObjectList( 'masterobject', function ( data ) {

                              var masterobject = [];

                              var sortedData = _.sortBy( data.qAppObjectList.qItems, function ( item ) {

                              return item.qData.rank;

                              } );

                              _.each( sortedData, function ( item ) {

                              masterobject.push( {

                              value: item.qInfo.qId,

                              label: item.qMeta.title

                              } );

                              } );

                              return defer.resolve( masterobject );

                              } );

                             

                             

                              return defer.promise;

                              };

                             

                             

                             

                             

                                //Number of Tabs

                              var num_of_tabs = {

                              ref : "props.num_of_tabs",

                              label : "Number of Tabs",

                              type : "string",

                              defaultValue : "2",

                              component : "dropdown",

                              options: [{

                              value: "1",

                              label: "1"

                              }, {

                              value: "2",

                              label: "2"

                              }, {

                              value: "3",

                              label: "3"

                              }, {

                              value: "4",

                              label: "4"

                              }, {

                              value: "5",

                              label: "5"

                              },

                              {

                              value: "6",

                              label: "6"

                              }

                              ]

                              };

                             

                             

                             

                             

                                //Chart for Tab1

                              var chart_for_tab1 = {

                              ref : "props.chart_for_tab1",

                              label : "Chart1",

                              component : "dropdown",

                              type : "string",

                              //defaultValue : "V",

                                    options: function () {

                              return getMasterObjectList().then( function ( items ) {

                              return items;

                              } );

                              }

                              };

                             

                             

                                //Chart for Tab2

                              var chart_for_tab2 = {

                              ref : "props.chart_for_tab2",

                              label : "Chart2",

                              component : "dropdown",

                              type : "string",

                              //defaultValue : "V",

                                    options: function () {

                              return getMasterObjectList().then( function ( items ) {

                              return items;

                              } );

                              }

                              };

                             

                             

                                //Chart for Tab3

                              var chart_for_tab3 = {

                              ref : "props.chart_for_tab3",

                              label : "Chart3",

                              component : "dropdown",

                              type : "string",

                              //defaultValue : "V",

                                    options: function () {

                              return getMasterObjectList().then( function ( items ) {

                              return items;

                              } );

                              }

                              };

                             

                             

                                //Chart for Tab4

                              var chart_for_tab4 = {

                              ref : "props.chart_for_tab4",

                              label : "Chart4",

                              component : "dropdown",

                              type : "string",

                              //defaultValue : "V",

                                    options: function () {

                              return getMasterObjectList().then( function ( items ) {

                              return items;

                              } );

                              }

                              };

                             

                             

                                //Chart for Tab5

                              var chart_for_tab5 = {

                              ref : "props.chart_for_tab5",

                              label : "Chart5",

                              component : "dropdown",

                              type : "string",

                              //defaultValue : "V",

                                    options: function () {

                              return getMasterObjectList().then( function ( items ) {

                              return items;

                              } );

                              }

                              };

                               //Chart for Tab6

                              var chart_for_tab6 = {

                              ref : "props.chart_for_tab6",

                              label : "Chart6",

                              component : "dropdown",

                              type : "string",

                              //defaultValue : "V",

                                    options: function () {

                              return getMasterObjectList().then( function ( items ) {

                              return items;

                              } );

                              }

                              };

                             

                             

                              //Chart Label1

                              var label_for_tab1 = {

                              ref : "props.label_for_tab1",

                              label : "Label1",

                              type : "string",

                              defaultValue : "Tab1"

                              };

                             

                             

                              //Chart Label2

                              var label_for_tab2 = {

                              ref : "props.label_for_tab2",

                              label : "Label2",

                              type : "string",

                              defaultValue : "Tab2"

                              };

                             

                             

                              //Chart Label3

                              var label_for_tab3 = {

                              ref : "props.label_for_tab3",

                              label : "Label3",

                              type : "string",

                              defaultValue : "Tab3"

                              };

                             

                             

                              //Chart Label4

                              var label_for_tab4 = {

                              ref : "props.label_for_tab4",

                              label : "Label4",

                              type : "string",

                              defaultValue : "Tab4"

                              };

                             

                             

                              //Chart Label5

                              var label_for_tab5 = {

                              ref : "props.label_for_tab5",

                              label : "Label5",

                              type : "string",

                              defaultValue : "Tab5"

                              };

                              //Chart Label6

                              var label_for_tab6 = {

                              ref : "props.label_for_tab6",

                              label : "Label6",

                              type : "string",

                              defaultValue : "Tab6"

                              };

                             

                             

                              //Export Checkbox1

                              var export_for_tab1 = {

                              ref : "props.export_for_tab1",

                              label

                              : "Enable export for chart1",

                              type : "boolean",

                              defaultValue : true

                              };

                             

                             

                              //Export Checkbox2

                              var export_for_tab2 = {

                              ref : "props.export_for_tab2",

                              label

                              : "Enable export for chart2",

                              type : "boolean",

                              defaultValue : true

                              };

                             

                              //Export Checkbox3

                              var export_for_tab3 = {

                              ref : "props.export_for_tab3",

                              label

                              : "Enable export for chart3",

                              type : "boolean",

                              defaultValue : true

                              };

                             

                              //Export Checkbox4

                              var export_for_tab4 = {

                              ref : "props.export_for_tab4",

                              label

                              : "Enable export for chart4",

                              type : "boolean",

                              defaultValue : true

                              };

                             

                              //Export Checkbox5

                              var export_for_tab5 = {

                              ref : "props.export_for_tab5",

                              label

                              : "Enable export for chart5",

                              type : "boolean",

                              defaultValue : true

                              };

                              //Export Checkbox6

                              var export_for_tab6 = {

                              ref : "props.export_for_tab6",

                              label

                              : "Enable export for chart6",

                              type : "boolean",

                              defaultValue : true

                              };

                              // ****************************************************************************************

                              // Property Panel Definition

                              // ****************************************************************************************

                              // Settings -Properties

                              var myCustomSection = {

                              component : "expandable-items",

                              label : "Settings",

                              items : {

                              header1 : {

                              type : "items",

                              label : "Properies",

                              items : {

                              num_of_tabs : num_of_tabs,

                              chart_for_tab1 : chart_for_tab1,

                              label_for_tab1 : label_for_tab1,

                              export_for_tab1 : export_for_tab1,

                              chart_for_tab2 : chart_for_tab2,

                              label_for_tab2 : label_for_tab2,

                              export_for_tab2 : export_for_tab2,

                              chart_for_tab3 : chart_for_tab3,

                              label_for_tab3 : label_for_tab3,

                              export_for_tab3 : export_for_tab3,

                              chart_for_tab4 : chart_for_tab4,

                              label_for_tab4 : label_for_tab4,

                              export_for_tab4 : export_for_tab4,

                              chart_for_tab5 : chart_for_tab5,

                              label_for_tab5 : label_for_tab5,

                              export_for_tab5 : export_for_tab5,

                              chart_for_tab6 : chart_for_tab6,

                              label_for_tab6 : label_for_tab6,

                              export_for_tab6 : export_for_tab6

                              }

                              }

                              }

                              };

                             

                             

                              //Return values

                              return {

                              type : "items",

                              component : "accordion",

                              items : {

                              customSection : myCustomSection

                              }

                              };

                            });