QR code, BarCode as representation inside a table

[appi_priyakarna]

Hi Experts,

There's a link QR code, BarCode as representation inside a table - Qlik Community - 1765071 about the bar codes creation in a straight table but can someone please help understand if the bar codes can be generated based on alphanumeric values like '5CG3441NFC'. I am using the css box of the multi kpi object in QlikSense. There's a requirement which requires the bar code generation, but the values are not just integers, it has alphanumeric.

Any help is appreciated.

Thanks 

[MatheusC · Accepted solution]

@appi_priyakarna 

see with the css code below:, generated through the value of the dimension

@import url('https://fonts.googleapis.com/css2?family=Libre+Barcode+128+Text&display=swap');
.qv-st-data-cell:not(.qv-st-data-cell-dimension-value) * {
font-size: 26px;
font-family: 'Libre Barcode 128 Text', cursive;
}


- Matheus

[appi_priyakarna]

@MatheusC Thanks for answering to my question. But I have two-dimension columns in my straight table one is country code and other is date along with two measure columns which is being used to show the bar codes. When getting the second-dimension 'date' field it is also showing as bar code but shouldn't actually. Can you please advise what needs to be done to avoid the dates shown as bar codes? I tried Date(date field,'MM/D/YYYY') but it didn't work. again, I am using the css box of the multi kpi object. 

[MatheusC]

@appi_priyakarna 
You are using this CSS code with the provided reference. .qv-st-data-cell:not(.qv-st-data-cell-dimension-value) .

Could you please share your CSS code?


- Matheus

[appi_priyakarna · Accepted solution]

@MatheusC I understood my mistake what I did. Yes, I am using the same CSS code .qv-st-data-cell:not(.qv-st-data-cell-dimension-value) along with the numeric CSS code @import url('https://fonts.googleapis.com/css2?family=Libre+Barcode+128+Text&display=swap');
.qv-st-data-cell-numeric * {
font-size: 24px;
font-family: 'Libre Barcode 128 Text', cursive;
}

When I removed the numeric code the date values were all fine. Thank you so much for guiding me here and the hint to check the css code 🙂 It was a happy learning.