Log in to AnswerLog in to Follow
UserImage.jpg
Vinod Kumar
14Views
7Comments
Solved
Dynamic Tabs -  Content is not working
Question
Reactive
OutSystems UI
Application Type
Reactive
Service Studio Version
11.14.8 (Build 58515)

Hi All,

I am trying the create a Dynamic Tab using List list-group with Tab widget.


On "Add New Tab" click I am appending the list to add an entry in Tablist (Structure).

Header seems to be working fine, however content is not visible/rendering.


Attached is the OML file for reference.


Regards,

Vinod 


DynamicTab.oml

0
0
18 Mar
2021-06-02 20-50-04
Márcio Carvalho
Champion
Solution

Replying to Vinod Kumar's comment on 18 Mar 2022 18:46:01

Check this small demo and let me know if it helps!

I must say this. Sometimes not in incognito mode it works other times don't, but if you open in incognito it will open without any problems and show the content from the selected tabs.

Kind Regards,

Márcio

See solution in context
DynamicTab.oml

0
0
18 Mar
2021-06-02 20-50-04
Márcio Carvalho
Champion
Solution

Add this to the list properties

See solution in context
0
0
21 Mar

The second problem statement is fixed thanks.


Regards,

Vinod

0
0
21 Mar

See how it is done here

https://www.outsystems.com/forums/discussion/68215/dynamic-tabs-in-reactive-not-work/

I will have look anyway

Kind Regards,

Márcio

0
0
18 Mar

Hi Marcio,


I referred to above post too. The solution says it is fixed/working with version OutSystems UI 2.6.4.

I am currently using OutSystems UI 2.8.1 version.


Regards,

Vinod

0
0
18 Mar
2021-06-02 20-50-04
Márcio Carvalho
Champion
Solution

Replying to Vinod Kumar's comment on 18 Mar 2022 18:46:01

Check this small demo and let me know if it helps!

I must say this. Sometimes not in incognito mode it works other times don't, but if you open in incognito it will open without any problems and show the content from the selected tabs.

Kind Regards,

Márcio

DynamicTab.oml

0
0
18 Mar

Replying to Márcio Carvalho's comment on 18 Mar 2022 18:53:58

Hi Marcio,


Thanks for your inputs,

As you said it works fine in incognito mode.


I'm overseeing two more problems I guess this is because of using list on Navigation Header.

1. As per the below snap I have selected Tab 3, but the bottom border is still highlighting the Tab 1.

2. While adding new tabs the first two tabs are center aligned . Once I add the 3rd or more tab its aligns to left.

Regards,

Vinod

0
0
21 Mar

Replying to Vinod Kumar's comment on 21 Mar 2022 15:10:24

I tried applying CSS to the above problems but it didn't work, can you please share some insights on this.


Regards,

Vinod

0
0
21 Mar
2021-06-02 20-50-04
Márcio Carvalho
Champion
Solution

Add this to the list properties

0
0
21 Mar

The second problem statement is fixed thanks.


Regards,

Vinod

0
0
21 Mar
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.