How to change the skin of the row pressed of a segment in a responsive web project

HCL Volt MX Volt MX Forum
,
1

I have a segment in the responsive web project and I need to change the appearance of the line when pressed to differentiate it from the rest of the list.
In Properties>Skin there is the "pressed" option but it is not possible to use it when the project is a responsive web project.
Would there be any way to do this on the web?

2

Hi @Antonio Fernando Viana

Thank you for reaching out to us. Can you provide us with the version of HCL Volt Iris you are using?

3

I am currently on version 9 service pack 5 fix pack 35 (2024.07)

I tried to use the function below and it changed the line style, but it lost the content of the clicked line.

I can't get the data from the line that was clicked.

changeSkin: function(seguiWidget, sectionNumber, rowNumber) {
var segData = this.view.segOne.data[rowNumber];
segData.flxSampleRowTemplate = {
"skin": "sknTemp"
};
this.view.segOne.setDataAt(segData, rowNumber, sectionNumber);
}

4

You can invoke below function in the segment on row click and map the function parameters in the IRIS action editor.

changeSkin: function(seguiWidget, sectionNumber, rowNumber) {
var segData = this.view.segOne.data[rowNumber];
segData.flxSampleRowTemplate = {
"skin": "sknTemp"
};
this.view.segOne.setDataAt(segData, rowNumber, sectionNumber);
}