L le_toubib Active Member Licensed User Longtime User May 26, 2016 #1 hii how to add a background image to the area marked by the red arrow ? i tried this code but it didnt work B4X: .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; }
hii how to add a background image to the area marked by the red arrow ? i tried this code but it didnt work B4X: .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 B4X founder Staff member Licensed User Longtime User May 27, 2016 #2 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). Upvote 0
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).
L le_toubib Active Member Licensed User Longtime User May 27, 2016 #3 the above css code worked fine in debug mode but not in release mode Upvote 0
L le_toubib Active Member Licensed User Longtime User May 27, 2016 #4 i mean the rectangular area behind all the tab headers Upvote 0
L le_toubib Active Member Licensed User Longtime User May 27, 2016 #5 how to post image ? it s a shared onedrive image link but why its broken that opens normally in browser Upvote 0
how to post image ? it s a shared onedrive image link but why its broken that opens normally in browser
Erel B4X founder Staff member Licensed User Longtime User May 29, 2016 #6 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. Upvote 0
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.
L le_toubib Active Member Licensed User Longtime User May 29, 2016 #7 So how to reference the file in the css out its located in dirassets Attachments 2016-05-26.jpg 81.1 KB · Views: 244 Upvote 0
Erel B4X founder Staff member Licensed User Longtime User May 29, 2016 #8 See the output of File.GetUri. Upvote 0