WebTabPanel Captions Cannot Be Set If Background Color Is Set

Targets Web
1

Well this is interesting, to say the least. Settle in with a cup of coffee.

I have been working on a web-based interface off-and-on for a couple of months. I am using Release 2024r2.1. Since my pages are somewhat standardized, once my first one was complete, I duplicated it for my next page and removed/added as necessary. This worked fine - until it didn’t.

This page will be used at my client’s location in Poland, where some speak English and other Polish. I localized by creating a database table with the English and Polish phrases for every label, message, and tab panel caption. It is all switchable when the user logs in.

I also set the web page colors based on the browser dark mode setting. I do this with the following statement (pardon the hard-coding, but this is a bit of a get it out NOW job suddenly):

' Background color
if (not Color.IsDarkMode) then
  self.Style.BackgroundColor = Color.RGB(App.Red, app.Green, app.Blue)
else
  me.Style.BackgroundColor = Color.RGB(8,83,117)
end

The first four web pages work great. The color sets and the WebTabPanel captions are set to the value looked up based upon the language.

Suddenly, the next page didn’t work. The background color changes, the labels all set, but the WebTabPanel captions stay at Tab0, Tab1; etc.

It took a while, but I narrowed the cause down to the Me.Style.BackgroundColor setting. I created an entirely new, blank app. One web page, one WebTabPanel, and one statement to set a caption and then set the background color. The caption does not change. Remove the background color set and the caption works. The code is:

Me.Style.BackgroundColor = Color.RGB(8,83,117)
TabPanel1.CaptionAt(0) = "TEST"

I upgraded to Release 2024r4.1 and ran the same test program. No difference.

So why did this work before, but in the SAME PROJECT no longer works? I know I am a bit crazy, but this is beyond that. I really need both the background color and the localization, so I cannot just punt one of them. I would like someone to confirm this issue before I submit a support ticket, just to be sure it is not something on my computer.

2

Where do you have the code?

Added your code to the webpage opening event, then to the TabPanel opening event and I see no problems:

image
image420×257 4.76 KB

image
image411×266 4.74 KB

I guess I’m missing something.

3

I have it in the Shown event handler.

4

Shown event for tabpanel, works:

image
image375×186 4.33 KB

Shown event for webpage, doesn’t work (looks like it runs before the TabPanel is completely created I saw a brief change on Tab 0):

image
image351×205 4.46 KB

Edit: or maybe the flash I saw is just color change. At least you can add a bug report for this with a very simple project.

5

Thank you! I will try that.

6

Having the color change in webpage shown event and having the Tab Caption change in TabPanel opening event = works.

Having the color change in webpage shown event and having the Tab Caption change in TabPanel shown event = doesn’t work.

Just information that you may add to your case.

7

That worked great. The documentation recommends against setting controls in the Opening event, but does use the words “most cases.” Seems I found an edge case. Lucky me.

Thanks again.

8

I think the documentation needs update.
That was true for Web1, now with Web2 the recommendation is to use Opening event to avoid flicker/extra call to the server (if I remember correctly this was mentioned by Xojo staff).

9

Created an Issue:
#78249 - WebTabPanel Captions Cannot Be Set If Background Color Is Set (Shown event)

1 Like
10

Thanks for opening the issue!

1 Like