custom template not loading default js and css

HI,


I have created a custom layout template.

However I am facing issues with loading the standard css and JS.

I have included, in my template, actions to load JS and CSS as they did not appear to be loaded by default. However, the JS and CSS is loaded as first instance in the header. Os_JS is loaded by default, but is loaded below that. The JS I included relies on OS_JS functions so needs to be loaded AFTER the os_js file.

Have I done something wrong that the JS is not loaded by default in the correct order, or is there another way to overcome this issue?

Head of custom template:


<link type="image/x-icon" rel="shortcut icon" href="/app/favicon.ico">
<script type="text/javascript" src="/HTheme/Blocks/WebPatterns/Javascript/SilkUICommon.en.js">
</script>
<script type="text/javascript" src="/HTheme/Blocks/WebPatterns/Javascript/SilkUI.en.js"></script>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta http-equiv="Content-Script-Type" content="text/javascript"><meta http-equiv="Content-Style-Type" content="text/css">

<link href="/RichWidgets/Blocks/RichWidgets/jQueryUI/jQueryUIInternal.css?30236" type="text/css" rel="stylesheet">
<link href="/RichWidgets/Blocks/RichWidgets/RichWidgets/Feedback_Message.css?30236" type="text/css" rel="stylesheet">
<link href="/HTheme/Blocks/HTheme/HTheme/Layout_H.css?51867" type="text/css" rel="stylesheet">
<link href="/HTheme/Blocks/HTheme/HTheme/LoginInfo.css?51867" type="text/css" rel="stylesheet">
<link href="/app/Blocks/app/Common/Menu.css?52152" type="text/css" rel="stylesheet">
<link href="/RichWidgets/Blocks/RichWidgets/RichWidgets/Icon.css?30236" type="text/css" rel="stylesheet">
<link href="/RichWidgets/Blocks/RichWidgets/RichWidgets/Input_Calendar.css?30236" type="text/css" rel="stylesheet">
<link href="/WebPatterns/Blocks/WebPatterns/Private/ColumnsCSS.css?30650" type="text/css" rel="stylesheet">
<link href="/WebPatterns/Blocks/WebPatterns/Private/Tooltipster_3_0_6.css?30650" type="text/css" rel="stylesheet">
<link href="/RichWidgets/Blocks/RichWidgets/RichWidgets/List_SortColumn.css?30236" type="text/css" rel="stylesheet">
<link href="/RichWidgets/Blocks/RichWidgets/RichWidgets/List_Counter.css?30236" type="text/css" rel="stylesheet">
<link href="/app/Blocks/app/MainFlow/List_Navigation.css?52152" type="text/css" rel="stylesheet">
<link href="/HTheme/Theme.H_Theme.css?51867" type="text/css" rel="stylesheet">
<link href="app.css?52152" type="text/css" rel="stylesheet">
<link href="/LisbonTheme/Theme.LisbonTheme.extra.css?30686" type="text/css" rel="stylesheet">
<script id="_OSrequestInfoScript" type="text/javascript">...</script>
<script src="_osjs.js?10_0_900_0" type="text/javascript" charset="UTF-8"></script>
<script src="/app/Blocks/RichWidgets/jQueryUI/jQueryUIInternal.en.js?30236" type="text/javascript" charset="UTF-8"></script>
<script src="/app/Blocks/RichWidgets/jQueryUI/jQueryComponents.en.js?30236" type="text/javascript" charset="UTF-8"></script>
<script src="/app/Blocks/RichWidgets/RichWidgets/Feedback_Message.en.js?30236" type="text/javascript" charset="UTF-8"></script>
<script src="/app/Blocks/WebPatterns/Private/ButtonGroup.en.js?30650" type="text/javascript" charset="UTF-8"></script>
<script src="/app/Blocks/RichWidgets/RichWidgets/Input_Calendar.en.js?30236" type="text/javascript" charset="UTF-8"></script>
<script src="/app/Blocks/WebPatterns/Private/ColumnsJS.en.js?30650" type="text/javascript" charset="UTF-8"></script>
<script src="/app/Blocks/RichWidgets/RichWidgets/List_SortColumn.en.js?30236" type="text/javascript" charset="UTF-8"></script>
</head>


Head of standard template:

<head>

<title>app</title>

<meta name="msapplication-tap-highlight" content="no" scheme="">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui" scheme=""><meta name="apple-mobile-web-app-capable" content="yes" scheme="">
<meta name="mobile-web-app-capable" content="yes" scheme="">
<meta name="format-detection" content="telephone=no" scheme="">
<link type="image/x-icon" rel="shortcut icon" href="/FIN_Intercompany/favicon.ico">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="Content-Script-Type" content="text/javascript">
<meta http-equiv="Content-Style-Type" content="text/css">
<link href="/RichWidgets/Blocks/RichWidgets/RichWidgets/Icon.css?30236" type="text/css" rel="stylesheet">
<link href="/WebPatterns/Blocks/WebPatterns/Private/Tooltipster_3_0_6.css?30650" type="text/css" rel="stylesheet">
<link href="/WebPatterns/Blocks/WebPatterns/Javascript/SilkUI.css?30650" type="text/css" rel="stylesheet">
<link href="/RichWidgets/Blocks/RichWidgets/jQueryUI/jQueryUIInternal.css?30236" type="text/css" rel="stylesheet">
<link href="/RichWidgets/Blocks/RichWidgets/RichWidgets/Feedback_Message.css?30236" type="text/css" rel="stylesheet">
<link href="/RichWidgets/Blocks/RichWidgets/RichWidgets/DropDownMenu.css?30236" type="text/css" rel="stylesheet">
<link href="/WebPatterns/Blocks/WebPatterns/Private/ColumnsCSS.css?30650" type="text/css" rel="stylesheet">
<link href="/RichWidgets/Blocks/RichWidgets/RichWidgets/Input_AutoComplete.css?30236" type="text/css" rel="stylesheet">
<link href="/RichWidgets/Blocks/RichWidgets/RichWidgets/Input_Calendar.css?30236" type="text/css" rel="stylesheet">
<link href="/RichWidgets/Blocks/RichWidgets/RichWidgets/List_SortColumn.css?30236" type="text/css" rel="stylesheet">
<link href="/RichWidgets/Blocks/RichWidgets/RichWidgets/List_Counter.css?30236" type="text/css" rel="stylesheet">
<link href="/RichWidgets/Blocks/RichWidgets/RichWidgets/List_Navigation.css?30236" type="text/css" rel="stylesheet">
<link href="/app/Widgets/Form/Form.css?10_0_900_0" type="text/css" rel="stylesheet">
<link href="Theme.app.css?52310" type="text/css" rel="stylesheet">
<link href="app.css?52310" type="text/css" rel="stylesheet">
<link href="/DublinTheme/Theme.DublinTheme.extra.css?30805" type="text/css" rel="stylesheet">
<script id="_OSrequestInfoScript" type="text/javascript"></script>
<script src="_osjs.js?10_0_900_0" type="text/javascript" charset="UTF-8"></script>
<script src="/app/Blocks/WebPatterns/Javascript/SilkUICommon.en.js?30650" type="text/javascript" charset="UTF-8"></script>
<script src="/app/Blocks/WebPatterns/Private/ToggleScript.en.js?30650" type="text/javascript" charset="UTF-8"></script>
<script src="/app/Blocks/WebPatterns/Javascript/SilkUI.en.js?30650" type="text/javascript" charset="UTF-8"></script>
<script src="/app/Blocks/WebPatterns/Utilities/Feedback_AjaxWait.en.js?30650" type="text/javascript" charset="UTF-8"></script>
<script src="/app/Blocks/RichWidgets/RichWidgets/Feedback_Message.en.js?30236" type="text/javascript" charset="UTF-8"></script>
<script src="/app/Blocks/DublinTheme/DublinBase/Layout_Dublin.js?30805" type="text/javascript" charset="UTF-8"></script>
<script src="/app/Blocks/WebPatterns/Private/Tooltipster_3_0_6.en.js?30650" type="text/javascript" charset="UTF-8"></script>
<script src="/app/Blocks/RichWidgets/RichWidgets/DropDownMenu.en.js?30236" type="text/javascript" charset="UTF-8"></script>
<script src="/app/Blocks/app/Common/Menu.js?52310" type="text/javascript" charset="UTF-8"></script>
<script src="/app/Blocks/WebPatterns/Navigation/Wizard.en.js?30650" type="text/javascript" charset="UTF-8"></script>
<script src="/app/Blocks/WebPatterns/Private/ColumnsJS.en.js?30650" type="text/javascript" charset="UTF-8"></script>
<script src="/app/Blocks/RichWidgets/jQueryUI/jQueryUIInternal.en.js?30236" type="text/javascript" charset="UTF-8"></script>
<script src="/app/Blocks/RichWidgets/jQueryUI/jQueryComponents.en.js?30236" type="text/javascript" charset="UTF-8"></script>
<script src="/app/Blocks/RichWidgets/RichWidgets/Input_AutoComplete.en.js?30236" type="text/javascript" charset="UTF-8"></script>
<script src="/app/Widgets/Form/fastclick.js?10_0_900_0" type="text/javascript" charset="UTF-8"></script>
<script src="/app/Widgets/Form/Form.js?10_0_900_0" type="text/javascript" charset="UTF-8"></script>

</head>


PS. As you can see the template is not a SILK UI template but a custom made template. My aim is to only customise the look-and-feel with a default template which will be used throughout other apps, but still maintaining the standard functionalities that come with a SILK UI template.