How can I force DNN to load a CSS file in the last position?

Question

I try to load a CSS file of skin in the last position of CSS files in the header. I use the below code.

<dnn:DnnCssInclude runat="server" FilePath="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" PathNameAlias="" ForceProvider="DnnPageHeaderProvider" />
    <dnn:DnnCssInclude runat="server" FilePath="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" PathNameAlias="" ForceProvider="DnnPageHeaderProvider" />
    <dnn:DnnCssInclude runat="server" FilePath="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css" PathNameAlias="" ForceProvider="DnnPageHeaderProvider" />
    <dnn:DnnCssInclude runat="server" FilePath="https://fonts.googleapis.com/css?family=Roboto:regular,500|Poppins:300,regular,500&amp;subset=&amp;cdv=120" PathNameAlias="" ForceProvider="DnnPageHeaderProvider" />
    <dnn:DnnCssInclude runat="server" FilePath="skin.css" PathNameAlias="SkinPath" ForceProvider="DnnPageHeaderProvider" />

skin.css file loaded pre another CSS files!

How can I do that?

Answer 1

You should be able to set a high number as the Priority - the default is 100.

You can see the properties available on here with the Client Resource Management API

Here's what some of the general value are for Priorities to help you understand.