139
Views
5
Comments
Solved
Is there way to change CSS in the tabs
Question

Hi Folks

I want to create a tabbed container wherein I have 4 pages. And I pass values between these pages. 

So I have few questions. 

1. Can I change the CSS of the tabs in Outsystems?

2.  Can I pass values between these tabs without issues.

3. It's basically a sample of approval reject workflow.  So will I be able to achieve the workflow?

2023-10-21 19-42-11
Tousif Khan
Champion
Solution

Hello @Athulya

Yes you can make changes to the styles of tab widget, here have a look to the style classes that you can modify 


I am also adding Oml in which I have change the Css for the active tab, have a look and let me know if this works for you.

And yes you can pass the value from one tab to another.

https://personal-ejuytnht.outsystemscloud.com/SamplePOC_s/TabsSample

Thanks 
Tousif Khan

SamplePOC_s Tabs.oml
2022-08-23 08-18-03
Athulya Panicker

Thank you @Tousif Khan
The solution was useful and we have started implementing it.

2023-10-21 19-42-11
Tousif Khan
Champion
2018-10-29 08-31-03
João Marques
 
MVP

Hi Athulya,


Yes, you can do all of that.

Although when you mention a workflow, I get under the impression that the second tab only makes sense after the first one, and the third one after the second, and as such, I think it is most intuitive to use the wizard widget.

As your question is a bit vague, the answer has to be a bit broad.
I would suggest to consider browsing the OutSystemsUI patterns to see which are available and how do they look like, installing the OutSystems UI Style Guide Preview forge asset to see how to use them in Service Studio, and last, but not least, take a look at the documentation step-by-step with screenshots on how to use each one of them in OutSystems Success Documentation.


Kind Regards,
João

UserImage.jpg
Accelance Partners

Hi @Athulya Panicker ,

For change the CSS of the tabs check attach discussion link and apply CSS as you want.

https://www.outsystems.com/forums/discussion/76243/not-being-able-to-change-tabs-with-css/

Thanks,

Sonali verma



2023-10-21 19-42-11
Tousif Khan
Champion
Solution

Hello @Athulya

Yes you can make changes to the styles of tab widget, here have a look to the style classes that you can modify 


I am also adding Oml in which I have change the Css for the active tab, have a look and let me know if this works for you.

And yes you can pass the value from one tab to another.

https://personal-ejuytnht.outsystemscloud.com/SamplePOC_s/TabsSample

Thanks 
Tousif Khan

SamplePOC_s Tabs.oml
2022-08-23 08-18-03
Athulya Panicker

Thank you @Tousif Khan
The solution was useful and we have started implementing it.

2023-10-21 19-42-11
Tousif Khan
Champion
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.