Tab Content not shown in Conditional Region

I have a Tab Content within a Conditional Region. All contents are initially closed. The Nav List is outside of the Conditional Region. Now I have the problem, that the Tab Content is not shown on the first click of a Button. I have to click on a second Tab Button to make it appear.

I remember that there was already a topic on this issue but can’t find it. It was something because of the DOM not rendering.

Can someone give me a hint?

If I understand this correctly, two things happen simultaneously when you click an item in Nav List.

  1. It fires the tab clicked event to open the relevant tab content.
  2. It makes the CR's condition to be true.

Before the 2nd point is executed, the first one has executed, not found any such tab content, and completed.
By the time CR actually renders the tab content, no one is trigerring the tab click event to open that tab.

Hope this makes sense.
You can probably make use of CR's show/hide event. Or, move the CR inside the tab content.

@sid you are correct, that is the problem.

I had show/hide first, this works. But there are long forms within the tab contents and I don’t want to render them initially. If I’m correct the only solution would be to add it inside of the 4 Tab Panes.

If this is the case there shouldn’t be the possibility to use a condition in the Tab Content Properties:

Interesting. Haven't noticed this before. Something for @George to take a look at and suggest if this needs fixing.

I believe I may have found a way so what I just did was depending how your condition is setup I used a variable for mine

1 have the var on the page I had it out side the condition
2 setup the condition to when the var == true or whatever you need
3 click the tabs you have outside the condition and as normal have the tab control the correct tab content
4 on the tabs buttons still add a dynamic click event that sets the var to true

This seems to be working for me but will need testing

@Sorry_Duh that is exactly how I did it, but it is not working for me. I think it is the problem @sid described. It is a timing problem. The DOM is not ready on click of the tab button and it does not find the tab content.

ah its working for me maybe it because your tab has more content in taking it longer to load

Yes, that could be the case.