Intent Based Navigation in CDS

Hi,

I'm creating a CDS view, where I need to add some hyperlinks which navigate the user to different factsheets.

I'm using intent based navigation. The code snippet is:

@Consumption.semanticObject: 'PurchasingInfoRecord'

@UI.selectionField.position: 1  

@UI.lineItem:{

          position:1,

          label: 'Info Record Number',

          importance:#HIGH

          type: #FOR_INTENT_BASED_NAVIGATION,

          semanticObjectAction: 'displayFactSheet'

                  }

           key PurchasingInfo.PurchasingInfoRecord

But this distort the UI. The link does not come up as a hyperlink.

This is how it looks:

The line item "Info Record Number" is moved up, And a radio button is displayed.

I need it to be like this only:

What I may missing?

Thanks.