Groupbox stylename problem

Support
1

Might be a stupid question, but i need to create and change dinamically the box-shadow of a groupbox layout in my Jmix App.

I feel like i’ve set everything up good

GB:

  • groupBox id=“gbBackup” caption=“Backup” spacing=“true” responsive=“true” width=“100%” stylename=“style-test”

custom-theme.scss:

@mixin bols {
@include helium;*
…
.style-test{
box-shadow: 5px 5px 20px 10px #2d7233; }
}

Is there anything i’m missing? It does work with css tag but i can’t change it via the .java file
Thanks in advance!

2

Maybe it’s working but you can’t see it because of the browser cache.
On CUBA platform (probbaly same on Jmix), you have to execute

gradlew deployThemes

and then press CTRL+F5 to force browser to reload the page.

Reloading a page in Chrome on Windows and Linux

Use any of the following actions to bypass your cache and fully reload a page:

  • Hold the ⇧ Shift key and click the Reload button in the navigation toolbar
  • Hold the Ctrl key and click the Reload button in the navigation toolbar
  • Hold the ⇧ Shift key and press the F5 key
  • Hold the Ctrl key and press the F5 key
  • Hold the ⇧ Shift key and press the R key
  • Hold the Ctrl key and press the R key

Reloading a page in Chrome on macOS

Use any of the following actions:

  • Hold the ⇧ Shift key and click the Reload button in the navigation toolbar.
  • Hold the ⌃ Control key and click the Reload button in the navigation toolbar.
  • Hold the ⌘ Command and ⇧ Shift keys down and then press the R key
3

Thanks for the reply.
Unfortunatelly, I’ve already tried with cache trick.
It feels like the Groupbox component won’t accept those kind of css style.

5

Hello!

Also try to check that your mixin bols is included to styles.scss (explicitly or transitively).