B4J Question add background image to tabpane header background

[le_toubib]

hii
how to add a background image to the area marked by the red arrow ?
i tried this code but it didnt work

.tab-pane > .tab-header-area > .tab-header-background { 
    -fx-background-color: white; 
     -fx-background-image: url("/background.jpg");   
    -fx-border-color: #a3a7a8; 
    -fx-border-width: 0 0 1 0; 
    -fx-background-insets: 0; 
    -fx-pref-height: 45px; 
}

 

[Erel]

The image you posted is broken. You can set TabPage.Image to add an image to the header: https://www.b4x.com/android/forum/threads/tabpane-example.36520/

Another option is to set TabPage.Content with a pane that has an image (create it with a layout file).

 

[le_toubib]

the above css code worked fine in debug mode but not in release mode

 

[le_toubib]

i mean the rectangular area behind all the tab headers

 

[le_toubib]

how to post image ? it s a shared onedrive image link but why its broken that opens normally in browser

 

[Erel]

Click on Upload a file and upload the image file.

However the CSS you wrote will not work in release mode as the files are packed inside the JAR.

 

[le_toubib]

So how to reference the file in the css out its located in dirassets

 

[Erel]

See the output of File.GetUri.