CODEWITHSUNDEEP
codenameone
Aiden
Aiden

Reputation: 335

Style Tabs button in codename one

I need to style the Tabs Button area. Am using CSS and am failing to know how to set the UIID of that area so I can style it. Would like to change the Tab title colour to white and the padding of the same tab button.

Tab title eg Tab2 should be white

Here is my code

    Tabs homtabs = new Tabs();
    homtabs.setUIID("Tabs");

    homtabs.addTab("Tab 1", container1);
    homtabs.addTab("Tab 2", new SpanLabel("Some text directly in the tab"));
    homtabs.addTab("Tab 3", new SpanLabel("Some text directly in the tab"));
    homtabs.setTabPlacement(BOTTOM);
    homtabs.setSwipeActivated(false);
    homtabs.getContentPane().setUIID("TabsArea");

Thank you!

Upvotes: 1

Views: 117

Answers (1)

Shai Almog
Shai Almog

Reputation: 52770

The default tab UIID is "Tab" so styling that color to white will work. You can also set it to something else using the method: setTabUIID.

As a side note on Android tabs have a border so you might want to override that too when styling.

Upvotes: 1

Related Questions