Skip to main content
Announcements
Marching toward a simplified navigation! READ ON
cancel
Showing results for 
Search instead for 
Did you mean: 
rbartley
Specialist II
Specialist II

Qlik Sense - Identifying and styling an individual column in a widget

Hi everyone,

I have been looking at widgets recently to see whether they can meet my needs for a particular display of data.  The idea is that I would like to display the results of two dimensions, but with the first dimension being displayed on top of the second and the first dimension value should be represented as an html link, e.g. 

 

Data:

TicketID URLDesc
<a href='#Ticket1'>Ticket1</a>A ticket….
<a href='#Ticket2'>Ticket2</a>Another ticket…

 

Desired output:

Ticket1
A ticket….
Ticket2
Another ticket…

 

So far, my widget looks like this:

 

 

 

	<div ng-repeat="row in data.rows" style="border: 2px solid gray">
		<div ng-repeat="cell in row.cells">
			
				
					<a href="{{cell.qText}}">{{cell.qText}}</a>
				
			
		</div>
	</div>

 

 

 

 

However, I cannot find a way of using an index or some other method for distinguishing between the first and second cell in a row.  Is this possible, or can it only ever be achieved by creating an extension?

Thanks in advance.

 

Regards,

 

Richard

1 Solution

Accepted Solutions
rbartley
Specialist II
Specialist II
Author

Sorry, I just realised that I can get this bu using rows.dimensions[i] as follows:

 

 

	<div ng-repeat="row in data.rows" style="border: 2px solid gray">
					<a href="{{row.dimensions[0].qText}}" target="_blank">{{row.dimensions[1].qText}}</a>
					<br>
					{{row.dimensions[2].qText}}
	</div>

 

where dimension 0 is the URL, dimension 1 is the label and dimension 2 is the description 

View solution in original post

2 Replies
rbartley
Specialist II
Specialist II
Author

Sorry, I just realised that I can get this bu using rows.dimensions[i] as follows:

 

 

	<div ng-repeat="row in data.rows" style="border: 2px solid gray">
					<a href="{{row.dimensions[0].qText}}" target="_blank">{{row.dimensions[1].qText}}</a>
					<br>
					{{row.dimensions[2].qText}}
	</div>

 

where dimension 0 is the URL, dimension 1 is the label and dimension 2 is the description 

rbartley
Specialist II
Specialist II
Author

rbartley_0-1602001023288.png

In this way, I was able to replicate a Kanban chart for our team