Skip to Content (Press Enter)
2015-04-07 21-32-04
Julius King Chua
3Views
5Comments
Modifying the CSS Style of Client-side Tabs
Question
OutSystems Widgets
Hi! I would like to ask something.

Is there some way to style client-side tabs? It seems I cannot even modify the CSS of it.

Also, is it possible to hide the other tabs while a certain tab is enabled, and when hidden, it shows an arrow.

Thanks!
0
0
08 Jul 2013
Copy Link
2020-08-05 08-52-58
Ruben Goncalves
Hi Ju-chan,

You cannot change the style of the tabs on it's source (RichWidgets), however you can override those styles.
To do that you just need to override (in your app theme) the classes that you may find in attachment.

Let me know if this helps or if you need additional clarifications.

Cheers,
Rúben G.
client-side-tabs-style.css
0
0
09 Jul 2013
Copy Link
2015-04-07 21-32-04
Julius King Chua
Hello Ruben.

It seems your attachment doesn't have anything. 

Rúben Gonçalves wrote:
Hi Ju-chan,

You cannot change the style of the tabs on it's source (RichWidgets), however you can override those styles.
To do that you just need to override (in your app theme) the classes that you may find in attachment.

Let me know if this helps or if you need additional clarifications.

Cheers,
Rúben G.
 
 
0
0
09 Jul 2013
Copy Link
2020-08-05 08-52-58
Ruben Goncalves
Hi Ju-chan,

Sorry about that, now file with content!

Cheers,
RG
client-side-tabs-style.css
2
0
10 Jul 2013
Copy Link
2015-04-07 21-32-04
Julius King Chua
No problem. :)) I'll check it out later. :)

Rúben Gonçalves wrote:
Hi Ju-chan,

Sorry about that, now file with content!

Cheers,
RG
 
 
0
0
10 Jul 2013
Copy Link
2015-04-07 21-32-04
Julius King Chua
Hello Ruben,

The override works, and am now in the phase of tweaking its CSS. Thanks for the CSS I've got from you.
0
0
11 Jul 2013
Copy Link
Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.