25
Views
14
Comments
Solved
Navigation_Tabs, TabsContentItem in same container are not rendered

hi,

i need to share some information on diffents TabsContentItem.

i tried to insert 2 TabsContentItem in same container.

when i select the tab, 1° are ok, 2° are not visible...why??


ProvaEmanuele.oml
2023-02-19 05-11-08
Faais
Solution

I have updated the widget tree's structure. Please check this OML. 

ProvaEmanuele.oml
2023-02-19 05-11-08
Faais

Hi emanuele, 

If you wrap it in the container inside the NavigationTabs content's placeholder, it will be calculated as a tab content item. So, I would recommend not wrapping the two tab content items in the container. 


UserImage.jpg
emanuele mantovanelli

not sure, because if i add a 3° tab, out of container, it will show correctly


2023-02-19 05-11-08
Faais

It works outside the container, but inside the container, it is considered a single tab. So, please remove the container. 

UserImage.jpg
emanuele mantovanelli

how i can share a same element on 2 tabs?

i need to show a textbox on tab1 and tab2, with same values.

i was looking for some good solution to don't copy and paste same element with its trigger ecc..


2023-02-19 05-11-08
Faais


Set the contentAutoHeight property to True.


I have attached OML for your reference.

ProvaEmanuele.oml
UserImage.jpg
emanuele mantovanelli
2023-02-19 05-11-08
Faais
UserImage.jpg
emanuele mantovanelli

and the shared element?! the same textbox?

2023-02-19 05-11-08
Faais

Which element are you referring to? 



Please check the OML I shared with you. I hope it is working as expected. 

UserImage.jpg
emanuele mantovanelli

i don't know why, but now, adding a expressione in the container that contains the 2 tabs, show everything as i want...

ProvaEmanuele.oml
2023-02-19 05-11-08
Faais

You are changing the behavior of the navigation widget. Please don't wrap the navigation items in a container. If you wrap them in a container, they will act as a single navigation item.


Please check this document:
https://success.outsystems.com/documentation/11/building_apps/user_interface/patterns/using_mobile_and_reactive_patterns/navigation/tabs/

2023-02-19 05-11-08
Faais
Solution

I have updated the widget tree's structure. Please check this OML. 

ProvaEmanuele.oml
UserImage.jpg
emanuele mantovanelli

...but i need also need different values in each tabs...

check my oml.

now is working in 2° tab, but i don't know why not in the 1°

ProvaEmanuele.oml
UserImage.jpg
emanuele mantovanelli

ok, clear...your css style solved my problem!

more tabs in container works with your "two-tabs" class.thank u!

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