Question

Change colour of highlighted row on a list view when hover over it

  • 9 February 2021
  • 4 replies
  • 55 views

Badge +1

Is it possible to override a theme and change the background colour of row on a list view when it is hovered over?


4 replies

Userlevel 3
Badge +7

Hi @Andrew.Bullock-27605,

 

It should be possible by creating a custom theme/editing an existing theme:
https://help.nintex.com/en-US/k2five/devref/current/default.htm#Themes/Custom-Themes.htm

You can also try a script similar to the one found in this post:
 

 

Kind Regards

Prineel

Badge +1

Thanks Prineel,

 

As I am new to this do you know how I would alter the code below (I assume it is “.button-text”) so that it works when you hover over a row in a list view? I am currently using the theme blue void but am finding that the dark blue background is too dark when hovering over a list view with coloured text so wanted to lighten the background if possible

 

<script>


$(".button-text").hover(function() {
$(this).css({'color':'red'});


}, function() {

$(this).css({'color':'black'});
});

</script>

I assume I just need to add this script to a data label and  make it a literal

 

 

Userlevel 3
Badge +7

Hi @Andrew.Bullock-27605,

 

I think the best option is to go with the custom theme. I will look into it and get back to you hopefully before the end of this week.

Kind Regards

Prineel

Userlevel 3
Badge +7

Hi @Andrew.Bullock-27605,

 

Using a cutom theme works, but please note that it will also change the color of other items that you hover on (to match the theme):

The custom theme document should guide you as it is detailed and straight foward, but if you do need assistance, dont hesitate to ask :)

Hope this helps

 

Kind Regards

Prineel

Reply