In Tab View. Tabs focus/selector colour,border not able to change in SquareLine Studio 1.3.3

What do you want to achieve?

I want to change the Tabs focus/selector colour,border

What have you tried so far?

Tried the tabs main button styles but don’t know there is no option for tab selector/focus color style/shape not able to change.

Screenshot or video

Others

  • SquareLine Studio version: 1.3.3
  • Operating system: windows 11
  • Target hardware: x86

The corresponding SquareLine documentation states that you can set the active tab button’s style in ‘Checked’ mode.
So select the whole TabView for editing, then in Inspector Panel in ‘STYLE SETTINGS’ modify state to ‘CHECKED’, then in ‘STYLE (BUTTONS ITEMS)’ make the style-changes you wish to see on the focused selector/title-button.

As mentioned by you its not yet worked. if i change the colour all buttons colour are getting changed instead of focus/selector colour. Could you share me a detailed visual steps or Video. Since i’m new user not able attach my video. But for sure i have tried you several times but not yet work as i’m expected

I attached an example project for styled tabview selector-button in a zip file. Please check it out, maybe it helps.
TabViewSelectorStyle.zip (8.8 KB)

I have the same problem. When I load your example project, all is fine. But I noticed that your example project is set to “Desktop” - “CMake/Eclipse/…”. I am working on a project with “Arduino” - “Giga R1…”. When I change your example project to match mine (“Arduino” - “Giga R1…”), your example project exhibits the same failure in not honoring the Checked - Style (Button Items) settings to adjust the selected tab styles. This seems to be a bug when using the Arduino Giga R1 setting for the project.

It might be related to LVGL version which changed between the default CMake board-template and the Arduino board-template. At least I know about a certain issue (tested it myself) with setting the style of tabview’s ‘checked’ aka selected tab-button, and unfortunately it turned out to be an LVGL-9 problem. Even in the example on their document page this seems to have this issue, compared to the exapmle on LVGL8 document page. The related topic: Tabview "Checked" colors not working on Arduino/ESP32
Hopefully this gets fixed in LVGL versions newer that 9.1…