Custom.css file does not apply design properly


#1

Hello.

I currently use a custom.css file in my application. I created a Tab View but it does not look like it is supposed to be (as you see on nativescriptthemebuilder.com)

An example (of nativescriptthemebuilder.com), it says that TabView shoud look like this:

However, if I set it up in my own application, I get a TabView which looks like this:

http-://i.imgur.com/gX0NGMk.png

The tab text is not even highlighted if I click on it. I took a read on the custom.css file and it says it should.

The code of my TabView:

<TabView class="tab-view">
   <TabView.items>
     <TabViewItem title="Laatste nieuws">
       <TabViewItem.view>
          <Label text="Label in Tab1" />
       </TabViewItem.view>
     </TabViewItem>
     <TabViewItem title="Notificaties">
       <TabViewItem.view>
          <Label text="Label in Tab2" />
       </TabViewItem.view>
     </TabViewItem>
      <TabViewItem title="Opgeslagen">
       <TabViewItem.view>
          <Label text="Label in Tab3" />
       </TabViewItem.view>
     </TabViewItem>
   </TabView.items>
 </TabView>

The custom.css file is initalized into the application successfully, so that should not be the issue.