Skip to main content
Announcements
See what Drew Clarke has to say about the Qlik Talend Cloud launch! READ THE BLOG
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