Log in to AnswerLog in to Follow
2021-02-05 01-12-23
Paulo Torres
116Views
7Comments
Tabs - Hide one tab and keep justify
Question
OutSystems UI Patterns

Hello everyone,

I'm trying to play with Tabs from OutsystemsUI and conditional hide one tab, I implemented in several ways but always lose the Justify mode. Someone knows if it's possible to do that?

Thanks, Paulo Torres

3
0
22 Feb 2022

Hi Paulo,

I tried the Tabs widget with IsJustified enabled, and added 3 tabs. It first looked like this:


Then I hid the tab in the middle by putting a condition like this:


With only 2 visible tabs, it still justified the available space:


What did not work in your case?

Regards


0
0
22 Feb 2022

Hello,

With this approach when the tab is visible you cannot click in tab itself, so you can click but the content not appears.

We can use extended class to put a hidden class but we lose the justify.

Thanks

2
0
22 Feb 2022

Replying to Paulo Torres' comment on 22 Feb 2022 09:32:47

Sorry, I don't think I'm following. For me the tab is clickable and its content also changes correctly. The IF condition should be the same for both TabsHeaderItem and TabsContentItem in the same order, though.

Do you have a sample oml that we can check?

0
0
22 Feb 2022

Hi Paulo Torres,

Have you managed to solve this issue ?

If yes then please post the answer here.

Thanks !!


0
0
01 Mar 2022

Hello Komal,

I didn't find solution to keep the justify... I did a solution with if's but I lost justify.

Thanks

2
0
01 Mar 2022

The simple way,

Edit the attribut of the Navigation\Tabs 
IsJustified = True



Result if 3 Tabs :

Result if 2 Tabs :

2
0
27 Jul 2022

The important thing to remember is that you need to have the information you're using to hide the tab before tabs render (f.i. set it in oninitilize), otherwise it might not be clickable.

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