Need Help on Extension Script Correction

mahitham — Tue, 11 Dec 2018 05:41:08 GMT

Hi Experts,

I recently started learning Extensions building in Qliksense.

First I Tried to build a KPI with 1Measure with the custom properties under Measure.

I have clicked on Create New Object and selected "Chart visualization template"

Created .js file like below

define( ["qlik","jquery","css!./KPI_Practice.css" ],
    function ($, qlik) {
return {
  definition: {
   type: "items",
   component: "accordion",
   items: {
    measures: {
     uses: "measures",
     min: 1,
     max: 2,
     items: {
      title: {
       ref: "qDef.title", // id of the textbox
       label: "Title", // label
       type: "string", // type
       defaultValue: "Header Title", // default value/ init value
       expression: "optional"
      },
      color: {
       ref: "qDef.color", // id of the textbox
       label: "Color", // label
       type: "string", // type
       defaultValue: "#fff", // default value/ init value
       expression: "optional"
      },
      bgcolor: {
       ref: "qDef.bgcolor", // id of the textbox
       label: "Background Color", // label
       type: "string", // type
       defaultValue: "#3BAFDA", // default value/ init value
       expression: "optional"
      },
      icon: {
       ref: "qDef.icon", // id of the textbox
       label: "Icon", // label
       type: "string", // type
       expression: "optional"
      },
      // end custom prop for measure
     }
    },

   }
  },
  //template: template,
  support: {
   snapshot: true,
   export: true,
   exportData: true
  },
  initialProperties: {
    qHyperCubeDef: {
     qDimensions: [],
     qMeasures: [],
     qInitialDataFetch: [
      {
       qWidth: 15,
       qHeight: 100
      }
     ]
    }
   },

paint: function ( $element, layout ) {

Created .css file like below

.kpi
{
height:99%;
width:99%;
border:1px solid #ccc;
}
.kpi1_dim
{
height:50%;
width:100%;
}

By the above script I am able to apply the measure value but I am not getting KPI Measure title and Measure Properties also not applying. Can any one please help me to correct the above code

kpi += '<div class="kpi"><div class="kpi1_dim" style="title:'+layout.qHyperCube.qMeasureInfo["0"].title+';color:'+layout.qHyperCube.qMeasureInfo["0"].color+';bgcolor:'+layout.qHyperCube.qMeasureInfo["0"].bgcolor+';">'+hc.qMeasureInfo[k].qFallbackTitle+'</div><div>'+hc.qDataPages[0].qMatrix[0][k].qText+'</div>';

Thanks in advance.

Re: Need Help on Extension Script Correction

organgrindingmo — Thu, 13 Dec 2018 13:52:10 GMT

It looks like you're writing the Title into the style attribute of the div.

style="title:' + layout.qHyperCube.qMeasureInfo["0"].title

Try moving it to within the div element.

<div> layout.qHyperCube.qMeasureInfo["0"].title </div>

I've changed your code below.

kpi += '<div class="kpi"><div class="kpi1_dim" style="color:' + layout.qHyperCube.qMeasureInfo["0"].color + ';bgcolor:' + layout.qHyperCube.qMeasureInfo["0"].bgcolor + ';">' + layout.qHyperCube.qMeasureInfo["0"].title + '</div><div>' + hc.qDataPages[0].qMatrix[0][k].qText + '</div>';

Hope that helps

topic Re: Need Help on Extension Script Correction in Integration, Extension & APIs

Need Help on Extension Script Correction

Re: Need Help on Extension Script Correction