How to change the color and/or size of the indicator of the tabview

How-to
1

Description

I am unable to change the color and/or size of the ‘indicator’ in the tabview. In the documentation 8.3.0 the indicator is not mentioned.

What MCU/Processor/Board and compiler are you using?

ESP32, Visual Code, ESP-IDF

What LVGL version are you using?

8.3.0

What do you want to achieve?

I want to be able to change the thickness and the color of the indicator.

What have you tried so far?

Adding styles to about every thing I can think of.

Code to reproduce

Not documentation, so no code to applicable yet.

Thanks for any ideas :slight_smile:

2

Hi,

I asked this a while ago, have a look here:

Regards

3

Thank you for giving it a thought.
I think I want something else. The bar under the checked button needs to be another color, and, would be great, to be thicker as well. The outline of the whole buttonmatrix is now not relevant.

4

Found the solution.
Mixed up ‘outline’ and ‘border’;

The line under the selected button of tabview is a border. I could change the color, and also thickness with:

lv_obj_set_style_border_color(tabViewBtnMatrix, lv_color_make(150, 150, 150), LV_PART_ITEMS | LV_STATE_CHECKED);
lv_obj_set_style_border_width(tabViewBtnMatrix, 10, LV_PART_ITEMS | LV_STATE_CHECKED);

Compensate tabview height for the line thickness as it grows towards the button text.