Missing content in "Getting Started with Vue: Lesson 8 Step 20"

[paxcodes]

It says,

Use setTabBarTextTransform and setTabBarItemTextTransform methods (of BottomNavigation) to change the style of the tab titles to all caps.

But it doesn't show how one would use those methods.

[yigith]

I have been looking for the same thing. These are missing in the tutorial. I even checked the completed version of the source code, no mention of these two methods. In native script documentation, these two methods are presented as private. So, I ended up using CSS to complete this task:

TabStripItem.tabstripitem { background-color: teal; text-transform: uppercase; }

[paulobaptista]

I added the following to the Style Scoped section, not sure what step 20 was for. TabStripItem.tabstripitem didn't change the style of the tab.

<style scoped>

    TabStripItem {
        background-color: teal;
    }

    TabStripItem:active {
        background-color: yellowgreen;
    }