London Dev Meetup Rescheduled! Due to unavoidable reasons, the event has been moved to 21st May. Speakers remain the same—any changes will be communicated. Seats are limited—register here to secure your spot!
AI OnAI Off
Extending the global menu - generating the required scripts for EPiServer look and feel
This should work:
@using EPiServer.Framework.Web.Resources
...
@Html.Raw(ClientResources.RenderResources("ShellCore"))
@Html.Raw(ClientResources.RenderResources("ShellWidgets"))
@Html.Raw(ClientResources.RenderResources("ShellCoreLightTheme"))
@Html.Raw(ClientResources.RenderResources("ShellWidgetsLightTheme"))
@Html.Raw(ClientResources.RenderResources("Navigation"))
...
@Html.Raw(Html.GlobalMenu())
Nov 05, 2013 11:04
Hi this code only show the fix menu, i want to collapse and extend
like this one
<>div id="globalMenuContainer" class="epi-navigation-container epi-navigationContainer" widgetid="globalMenuContainer"> <>div data-dojo-attach-point="accordionNode" class="epi-navigation-accordioncontainer" style="height: 0px;"> <>div data-dojo-attach-point="containerNode" class="dijitHidden" style="position:absolute; bottom:0; left:0; width:100%"> <>div class="epi-navigation-container-root"> @Html.Raw(Html.GlobalMenu()) div><>div class="epi-navigation-delimiter">div> div> div> <>div data-dojo-attach-point="expandCollapseContainer" class="epi-navigation-expandcollapseContainer"> <>a data-dojo-attach-point="expandCollapseButton" href="javascript:void(0)" class="epi-navigation-expandcollapseBtn" tabindex="0"><>span class="epi-navigation-expandcollapseIcon">span>a> div> div>
But the problem is that i don't know how to load the dojo library, it is not working for me
Do you know if there are some reference that explain better the part of the Episerver Styles and Epi and dojo register libraries.
Regards
Sep 14, 2014 23:40
This thread is locked and should be used for reference only. Please use the Episerver CMS 7 and earlier versions forum to open new discussions.
Hi,
I'm extending the global menu in EPiServer 7 and would like the plugin to have the EPiServer look and feel.
In the old days (.aspx) we used:
<%= Page.ClientResources("ShellCore") %> <%= Page.ClientResources("ShellWidgets") %> <%= Page.ClientResources("ShellCoreLightTheme") %> <%= Page.ClientResources("ShellWidgetsLightTheme")%> <%= Page.ClientResources("Navigation") %>Which generated the needed scripts for the look and feel of EPiServer like this:
<link rel="stylesheet" type="text/css" href="/EPiServer/Shell/2.1.90/ClientResources/epi/themes/legacy/ShellCore.css" /> <script type="text/javascript" src="/EPiServer/Shell/2.1.90/ClientResources/ShellCore.js"></script> <link rel="stylesheet" type="text/css" href="/EPiServer/Shell/2.1.90/ClientResources/epi/themes/legacy/ShellWidgets.css" /> <script type="text/javascript" src="/EPiServer/Shell/2.1.90/ClientResources/ShellWidgets.js"></script> <link rel="stylesheet" type="text/css" href="/EPiServer/Shell/2.1.90/ClientResources/epi/themes/legacy/ShellCoreLightTheme.css" /> <link rel="stylesheet" type="text/css" href="/EPiServer/Shell/2.1.90/ClientResources/epi/themes/legacy/ShellWidgetsLightTheme.css" />Does anyone know hos to accomplish this when using MVC Razor? (.cshtml)
I have tried this:
@Html.Raw(Html.ShellScriptResource("ShellCore")) @Html.Raw(Html.ShellScriptResource("ShellWidgets")) @Html.Raw(Html.ShellScriptResource("ShellCoreLightTheme")) @Html.Raw(Html.ShellScriptResource("ShellWidgetsLightTheme")) @Html.Raw(Html.ShellScriptResource("Navigation"))But this is not quite correct:
<script src="/EPiServer/Shell/2.1.90/ShellCore" type="text/javascript"></script> <script src="/EPiServer/Shell/2.1.90/ShellWidgets" type="text/javascript"></script> <script src="/EPiServer/Shell/2.1.90/ShellCoreLightTheme" type="text/javascript"></script> <script src="/EPiServer/Shell/2.1.90/ShellWidgetsLightTheme" type="text/javascript"></script> <script src="/EPiServer/Shell/2.1.90/Navigation" type="text/javascript"></script>So, in short, the question is: Whats the equivalent for Page.ClientResources("ShellCore") when using MVC and Razor?