Skip to main content
Announcements
Have questions about Qlik Connect? Join us live on April 10th, at 11 AM ET: SIGN UP NOW
cancel
Showing results for 
Search instead for 
Did you mean: 
infosense_devel
Creator II
Creator II

Increase tabs on extension in QlikSense

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

17 Replies
lakshmikandh
Specialist II
Specialist II

i have attached in the above reply

lakshmikandh
Specialist II
Specialist II

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

  }

  };

});

infosense_devel
Creator II
Creator II
Author

Thanks to Provied File

But i have an issued was tabs6 not shown in extension means updated changes not reflected in extension.

If any setup related this if we are missing for extension ?

lakshmikandh
Specialist II
Specialist II

Sorry have to debug the extension ,you can contact the extension author in the github

infosense_devel
Creator II
Creator II
Author

In which path you kept properties JS file ?

Can you please give me the location of that file.

infosense_devel
Creator II
Creator II
Author

Hello,

I have display tab6 but when i click on tab6 not fire as same like tab1 to tab5.

can you please suggest me on this.

infosense_devel
Creator II
Creator II
Author

Thanks for Suggestion I  have resolved issues of  Increase Tabs.

lakshmikandh
Specialist II
Specialist II

Please mark answer helpful/correct and close the thread