You are on page 1of 24

Qlikview How to Series Working with QlikView Object Extensions

Description:

BISP is committed to provide BEST learning material to the beginners and advance learners. In the same series, we have prepared a complete end-to end Hands-on Beginners Guide for Qlikview implementation. The document focuses on How to Series Working with Qlikview Object Extensions. Join our professional training program and learn from experts.

History: Version 0.1 0.1

Description Change Initial Draft Review#1

Author Surbhi Sahu Amit Sharma

Publish Date 21st Aug 2012 29th Aug 2012

www.bispsolutions.com

www.bisptrainigs.com

www.hyperionguru.com

Page 1

Table of Contents
A Comprehensive List of QlikView Object Extensions .................................................................... 3 Extension Object ........................................................................................................................... 3 Requirement of QlikView Extension ............................................................................................ 3 Types of Extension in QlikView................................................................................................... 3 Installation of QlikView Extension .............................................................................................. 3 The format of the script used in QlikView extension ................................................................... 4 QVPP file .................................................................................................................................... 5 Bullet Chart: ................................................................................................................................. 6 WebView option .......................................................................................................................... 9 Navigation Bar Extension Object ................................................................................................. 13 Gantt chart.................................................................................................................................. 17

www.bispsolutions.com

www.bisptrainigs.com

www.hyperionguru.com

Page 2

A Comprehensive List of QlikView Object Extensions Extension Object


Extensions enable custom visualizations and user interface components to be used within QlikView like any other QlikView object. This allows bespoke and third party visualizations to be fully integrated and take advantage of QlikViews capabilities. Extensions work in both the desktop and AJAX client. QlikView Extensions are built by developers using standard web technologies and are installed along side a standard QlikView installation. An Extension is developed and packaged by a developer ready to be installed then used within a QlikView application. This plug-in mechanism allows Extensions to be developed once and re-used in multiple QlikView applications. Once an Extension is built by a developer end users can easily add these from the palette of available objects. A developer can build an Extension with web technologies that work inside a web browser. These include HTML, Javascript, Java, Flash, Silverlight. Existing third-party chart visualization libraries could also be used to create a QlikView Extension to be easily re-used across your QlikView applications.

Requirement of QlikView Extension


In a application specialized or bespoke data visualization is required. Every developer wants unique look and feel in his document. A visualization or user interface element is required that is not part of standard QlikView. For the communication from within the client with external processes or web services is desired. An integration of external web content / web services should be implemented.

Types of Extension in QlikView


QlikView Object Extensions These represent as single visualization object within a QlikView document, very similar to the standard objects (like a straight-table, a chart, a text object, etc.) QlikView provides. In comparison to a standard object an extension developer has the freedom to develop how the entire object should look like. QlikView Document Extensions allow you to customize an entire QlikView Document, for example by using a Document Extension, suppose you want to change the background color of the sheet.

Installation of QlikView Extension


In the desktop client an Extension is automatically installed by double clicking the .qar file which available in package Extension. The .qar file format is associated with QlikView and will automatically install the Extension to the correct location. To install an Extension on a server , use the AJAX client, it must be set up manually. To use an extension in the desktop client, the document must be set to WebView mode. WebView mode can be enabled from the View menu option.

www.bispsolutions.com

www.bisptrainigs.com

www.hyperionguru.com

Page 3

These are some extensions which default presents in the path from the installation time, the path follow here is: C:->Users->UserName->AppData->Local->QlikTech->QlikView->Extensions When we double click on any QlikView extension(.Qar file), it will saved in this location. The QlikView extension contains these folders after the installation.

Sometimes we encounter the case that after click double on the .qar file, the extension is not find on the default location. In this case convert the .qar file in the .zip file ,then copy the file and paste in the particular default location and unzip, then it will work finely. In this extension folder we get css file and xml file. This is the format of script used in the QlikView extension.

The format of the script used in QlikView extension


In the header line

www.bispsolutions.com

www.bisptrainigs.com

www.hyperionguru.com

Page 4

<ExtensionObject Path="" [Type="object|document"] [Label=""] [Description=""] [PropertiesPage=""] [PageWidth=""] [PageHeight=""]> Here you can give the value as per your choice. Default PageHeight is 40, default PageWidth is 20. Increase if you want more data. <Dimension [Label=""] [Require="" | Prefer=""] [TargetName=""] [Initial=""] [OtherCounted=""] [Multiple=""] /> Label is for the new automatic property page generation. Initial means that QlikView will initialize the Dimension. OtherCounted is to define how many distinct values you want. If you set it to 5 you will get the 4 most frequent values + a 'Other' category. <Measurement [Label=""] [Width=""] [TargetName=""] [Initial=""] [Multiple=""] /> <Text [Label=""] [Type="text,checkbox,select,color"] [Select=""] [SelectLabel=""] [Width=""] [Expression=""] /> Label and Width are the property page generator. Multiple is used, It means the user can add and remove dimensions. New attributes are for property page generator. <Property [Name=""] [Value=""] [Type="String|Bool"] /> It is Used to define properties that should be available server-side, with the GetExtendedProperty() call. <Initiate [Name=""] [Value=""] /> It is used to initialize standard QlikView properties, like Caption. <PropertiesPage [Version="11"] [File=""] /> </ExtensionObject> It is Used for a propererties.qvpp.

QVPP file
Qvpp stands for QlikView extension property page generator. it also includes a property page generator, that can generate property pages ,which can use as they are or use as a starting point for your new qvpp files. Label => Simply a text to use as label in the property page Type =>Choose one of text, select, checkbox or color. Text is the default and will simply create a inputfield. Checkbox will create a checkbox and color will use the standard QlikView color picker. Select will create a HTML select. Select => Values for the selected list. Mandatory if Type is select. Comma separated. SelectLabel => Labels for your alternative. Comma separated. Width=> Width for your input field, for example "60px" Multiple=>Add support for adding and removing Dimensions/Measures. www.bispsolutions.com www.bisptrainigs.com www.hyperionguru.com Page 5

Bullet Chart:
Bullet graphs are used to compare one value, represented by a horizontal bar, to another value, represented by a vertical line, and relate those to qualitative ranges. Bullet graphs can be displayed in the context of a graphical table or, separately, in a text area. The vertical bar represents the Comparative value

The horizontal bar takes the value of interest The bullet graph serves as a replacement for dashboard gauges and meters. We developed bullet graphs to overcome the fundamental issues of gauges and meters, they typically display too little information, require too much space, and are cluttered with useless and distracting decoration. The bullet graph features a single, primary measure , compares that measure to one or more other measures to enrich its meaning (for example, compared to a target), and displays it in the context of qualitative ranges of performance, such as poor, satisfactory, and good. The qualitative ranges are displayed as varying intensities of a single hue to make them discernible by those who are color blind and to restrict the use of colors on the dashboard to a minimum.

www.bispsolutions.com

www.bisptrainigs.com

www.hyperionguru.com

Page 6

We have a Record TestData1 in which 3 Employee's performance is given on the basis of five factors which are Revenue, Profit, order size ,New Customers and Satisfaction. The performance is given of the year 2011-2012. We have to comparison between the performance of Employee and the target given. Here the bullet chart will take place. These are the steps takes place while developing the Bullet chart. Step 1)Create the new document and give the name Bullet chart then save. Step 2) Go to the script editor tab and choose the option Table Files for importing the file TestData1

Step 3)Now explore the location of the file TestData1 then open.

Step 4)Then->Finish www.bispsolutions.com www.bisptrainigs.com www.hyperionguru.com Page 7

Now script has been added in the script editor.

Step 5)Then Reload the document and go to the menu tab-> select the option View->Turn on/off WebView option.

www.bispsolutions.com

www.bisptrainigs.com

www.hyperionguru.com

Page 8

WebView option
This option helps to achieving the extension objects,By a single click on a toolbar button it is now possible to switch between traditional rendering and AJAX rendering when running QlikView Desktop. This feature provides a convenient way for the developer to see exactly how the layout will look when used from an AJAX client.The AJAX property dialogs will available when running in WebView, providing some nice functionality that is not available to the developer in standard view. However, it should be noted that some functionality are not available in WebView, for example: report editing. menu commands cut, copy, and paste. Animation of charts

For developing bullet chart we have to take help of extension objects because in standard edition this option is not available that's why we have gone through the option Web View. Step 6) Right click on the sheet ->go to new sheet object

www.bispsolutions.com

www.bisptrainigs.com

www.hyperionguru.com

Page 9

Then the popup window will open. Step 7)In this window mostly options available like a stander edition but the extension objects are newly added ->click to the Extension Object.

Step 8)->Click to the extension objects then>drag and drop the Bullet Charts.

www.bispsolutions.com

www.bisptrainigs.com

www.hyperionguru.com

Page 10

Step 9)Take the dimension of Bullet Chart as follow this........... Measurement1=Sum([Emp1]) and color used 'Brown' Measurement2=Sum([Emp2]) and color used 'Sky Blue' Measurement3=Sum([Emp3]) and color used 'Golden' Measurement4=Sum([Target1]) and color used 'Purple' Measurement15=Sum([Target2]) and no color used

www.bispsolutions.com

www.bisptrainigs.com

www.hyperionguru.com

Page 11

Now the bullet chart is created the vertical purple line is showing the value of Target1 and the horizontal purple line is showing the value of Target2,Target1 and Target 2 has reserve the Measurement4 and Measurement 5.In Measurement 1 the Sum(Emp1) is taken which is less then the target decided for the sum of the employees for all the factors. Employee2 and Employee3 having the value grater then Employee 1 so these two are exist in the chart

www.bispsolutions.com

www.bisptrainigs.com

www.hyperionguru.com

Page 12

Navigation Bar Extension Object


Navigation is certainly a very important element in web design, especially if we think that the navigation of a page is to orient and guide the user ,it extremely important that users understand navigation options to better explore a website and that is why today we used examples of navigation menus, to show how websites are presenting menus to their users. Navigation overcome the results in many sheets which makes navigation through the app sometimes confusing. One possible solution to having many sheets is to create a navigation menu. Then you can conditionally display each sheet based on selections from the menu. For this purpose, we choose a navigation bar extension object that allows a 2 tiered menu system to be created from data in you QV app. 2 tiered architecture refers to client/server architectures in which the user interface runs on the client and the database is stored on the server. The actual application logic can run on either the client or the server. These are the steps takes place while creating the navigation bar. Step 1)Go to the QlikView and create the new app with the name Navigation Bar. Step 2)Go to the sheet ->view->Turn on/off WebView

www.bispsolutions.com

www.bisptrainigs.com

www.hyperionguru.com

Page 13

Step 3)Go to the script editor tab and create a Inline table. Which having 4 menus TabID,Level1,Level2,MenuText1 and MenuText2. TabID gives the Tab value. Level1 and Level2 defines the respective levels. In MenuText1 defines the designation of the employee and in MenuText2 contains the name of the employee who caught that designation.

menuData: LOAD * INLINE [ TabID, Level1, Level2,MenuText1 10, 1, 0, Dashboard,Mr. John smith 00, 2, 0, KPI Analysis,Mr Joy lobo 21, 2, 1, Revenue KPIs,Miss lily 22, 2, 2, Expenses KPIs,Mr. Anthony 00, 3, 0, Trend Analysis,Mr. Didusa 31, 3, 1, Sales Trends,Miss Anjelena 32, 3, 2, Inventory Trends,Mr. pitts 33, 3, 3, Debtors Trends,Mr. Bob 00, 4, 0, Transactions,Miss Ruby 41, 4, 1, Sales Orders,Mr. Justin 42, 4, 2, Purchases,Miss holly 00, 5, 0, Reports,Mr. micheal 51, 5, 1, Sales Report,Mr. glinton 52, 5, 2, Margin Report,Mr. Vissly ];
Step 4)Then save the App and Reload the App. Step 5) Right click on the sheet ->go to new sheet object

Then the popup window will open.

www.bispsolutions.com

www.bisptrainigs.com

www.hyperionguru.com

Page 14

Step 6)In this window mostly options available like a stander edition but the extension objects are newly added ->click to the Extension Object.

Step 7)Now click on the extension object which will open the list of extension objects.

www.bispsolutions.com

www.bisptrainigs.com

www.hyperionguru.com

Page 15

Select the Navigation Bar as a option, drag and drop the option. Step 8)Then Go to the properties of navigation bar and set these settings as Level One ID set the field Level1 and in another one set Level2.Keep the values as Menu Text1 and Menu Text2 in the Manu label 1 and 2.

Step 9) Now the navigation bar is created .In this navigation bar graph we have used multibox from where we select the levels, here we have take two fields level1 and level2.The green colored text object is used here for displaying the message. and one By setting the levels we can change the selections. Here the text box is used on which the selectin would be display. The purpose of the navigation chart is we can fetch the information from sales trends , from selecting levels and from another list box as well. The selection will display on the text bar.

www.bispsolutions.com

www.bisptrainigs.com

www.hyperionguru.com

Page 16

Gantt chart
A chart is a chart in which a series of horizontal lines shows the amount of work done or production completed in certain periods of time in relation to the amount planned for those periods. Gantt charts also show the dependency and relationships between activities. Gantt charts can be used to show current schedule status using percent-complete shadings and a vertical "TODAY". We can create the Gantt chart by only applying the design tragedy not meddling with the script part. Here we have a xls database in which the information of the companies project is exists and the fields are taken here ProjectID, Project, TaskID ,TaskName, StartDatetime ,EndDatetime, color, HTTP Link, Milestone and Completion so here we have to calculate the work of per member These are the steps will take place while creating the Gantt chart. Step 1)Firstly select the table of the records by click the button Table Files.

www.bispsolutions.com

www.bisptrainigs.com

www.hyperionguru.com

Page 17

Step 2) Now browse the location of the database from where the data will be fetch,which is project Data then ->Open.

Step 3)In the file wizard window these are the fields, which table containing then ->Finish.

www.bispsolutions.com

www.bisptrainigs.com

www.hyperionguru.com

Page 18

Step 4)Go to the sheet and Right click on the sheet ->New sheet objects->charts and give the title to the chart then go to the Dimension tab.

www.bispsolutions.com

www.bisptrainigs.com

www.hyperionguru.com

Page 19

Step 5) In the dimension tab take the fields EndDatetime and StartDatetime in the 'used Dimension' column.

Here we have take the fields EndDatetime and StartDatetime for calculating the staring and the ending position of the work. Step 6)Then come in to the Expression tab here in the definition tab expression is given Max(EndDatetime)-Min(StartDatetime).Here the min and max function will calculate the highest and lowest value of the both EndDatetime and StartDatetime ,and here the (-) symbol used for calculating the duration between the both dates.

Then click on the (+) symbol which will explore the bar-offset property.

www.bispsolutions.com

www.bisptrainigs.com

www.hyperionguru.com

Page 20

Step 7) The offset can be positive or negative and will move the bar or segment accordingly. This bar offset property will help to create a gap between the Axis and the Value .It helps for achieving the display of different dimensions in the chart.

Step 8) In the bar Offset in the 'edit expression tab' the expression is taken Min(StartDatetime) this will give the initial data from where you have started the work.

www.bispsolutions.com

www.bisptrainigs.com

www.hyperionguru.com

Page 21

Step 9)The dimension should be taken horizontal ,this will clear more deeply the data flow as the waterfall type. After applying the bar offsets the structure of the chart will look like a waterfall.

Step 10)Come to the Axes tab here set the scale and the Static Min and Static Max should be checked so that we can give the limitation on the displaying of the date.

This is the expression given in the Static Min.............

www.bispsolutions.com

www.bisptrainigs.com

www.hyperionguru.com

Page 22

Here the Min(StartDatetime) value is taken from the 5 this will display only those values which are greater then the 5.Otherwise the huge amount of value will display and we will confused on getting a decision able structure. This is the expression given in the Static Max

Here the Maximum value of the EndDatetime is taken till 40 after that it will neglect all the values. Step 11) In the Number tab the Number Format is taken as Date.

www.bispsolutions.com

www.bisptrainigs.com

www.hyperionguru.com

Page 23

Step 12) Here the Gantt Chart is created.

Here the amount of work done is shown with respect to EndDatetime and StartDatetime

www.bispsolutions.com

www.bisptrainigs.com

www.hyperionguru.com

Page 24

You might also like