Skip to content

Instantly share code, notes, and snippets.

@binaryphile
Created May 14, 2014 17:57
Show Gist options
  • Save binaryphile/ecf4e8306d0a3c2b80c4 to your computer and use it in GitHub Desktop.
Save binaryphile/ecf4e8306d0a3c2b80c4 to your computer and use it in GitHub Desktop.
mojoportal flexmenu
<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="~/App_MasterPages/layout.Master.cs" Inherits="mojoPortal.Web.layout" %>
<!doctype html>
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!--> <html class="no-js"> <!--<![endif]-->
<head id="Head1" runat="server">
<meta charset="utf-8" />
<portal:StyleSheetCombiner id="StyleSheetCombiner" runat="server" JQueryUIThemeName="redmond" UseIconsForAdminLinks="false" EnableNonClickablePageLinks="true" QtFileCssIsInMainCss="false" />
<portal:MetaContent id="MetaContent" runat="server" DisableContentType="true" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<portal:Favicon id="Favicon1" runat="server" />
<portal:ScriptLoader id="ScriptLoader1" runat="server" IncludeModernizr="true" />
</head>
<body class="pagebody" id="Body" runat="server">
<portal:AnalyticsAsyncTopScript id="analyticsTop" runat="server" />
<portal:LayoutDisplaySettings ID="LayoutDisplaySettings1" runat="server" />
<form id="frmMain" runat="server">
<asp:SiteMapDataSource ID="SiteMapData" runat="server" ShowStartingNode="false" />
<asp:SiteMapDataSource ID="PageMapDataSource" runat="server" ShowStartingNode="false" />
<asp:SiteMapDataSource ID="ChildPageSiteMapData" runat="server" ShowStartingNode="false" />
<asp:ScriptManager ID="ScriptManager1" EnablePageMethods="true" runat="server" EnableScriptGlobalization="true" EnableScriptLocalization="true" />
<div class="wrapper">
<!--[if lt IE 7]>
<p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
<![endif]-->
<header role="banner" class="clearfix">
<portal:SiteTitle id="SiteTitle" class="title ir" runat="server"></portal:SiteTitle>
<div class="subtitle">
<div class="phone">
<a href="tel:1-727-345-0317">(727) 345 0317</a>
</div>
<div class="slogan">
<portal:siteslogan id="ss1" runat="server"></portal:siteslogan>
</div>
</div>
<portal:SkipLink id="SkipLink1" runat="server" />
<portal:LayoutPanel ID="divAlt1" runat="server" SkinID="HeaderContent" CssClass="altcontent1">
<asp:ContentPlaceHolder ID="altContent1" runat="server"></asp:ContentPlaceHolder>
</portal:LayoutPanel>
</header>
<div class="header">
<input type="checkbox" id="toggle" />
<nav role="navigation">
<label for="toggle" class="toggle" data-open="Open Menu" data-close="Close" onclick></label>
<portal:sitemenu id="SiteMenu1" runat="server" useflexmenu="true" hidemenuonsitemap="false"></portal:sitemenu>
</nav>
</div> <!-- .header -->
<div role="main" class="main clearfix">
<portal:Breadcrumbs id="Breadcrumbs" runat="server" Separator="" ItemWrapperTop="<li>" ItemWrapperBottom="</li>"></portal:Breadcrumbs>
<portal:LayoutPanel id="divLeft" runat="server" cssclass="three columns" visible="True" SkinID="LeftColumn">
<portal:PageMenu ID="PageMenu1" runat="server" UseTreeView="true" IsSubMenu="true" TreeViewShowExpandCollapse="false" />
<a id="startcontent"></a>
<asp:contentplaceholder ID="leftContent" runat="server"></asp:contentplaceholder>
</portal:LayoutPanel>
<portal:LayoutPanel id="divCenter" runat="server" visible="True" cssclass="four columns" SkinID="CenterColumn">
<portal:ChildPageMenu id="ChildPageMenu" runat="server" CssClass="txtnormal"></portal:ChildPageMenu>
<asp:ContentPlaceHolder ID="mainContent" runat="server"></asp:ContentPlaceHolder>
</portal:LayoutPanel>
<portal:LayoutPanel id="divRight" runat="server" visible="True" cssclass="three columns" SkinID="RightColumn">
<asp:contentplaceholder ID="rightContent" runat="server"></asp:contentplaceholder>
</portal:LayoutPanel>
</div> <!-- .main -->
<footer class="clearfix">
<portal:SiteMapLink id="SiteMapLink1" runat="server" CssClass="sitemaplink" /> |
<portal:SkinPreview id="SkinPreview1" runat="server"></portal:SkinPreview> |
<portal:CopyrightLabel ID="cl1" runat="server" ShowYear="true" BeginYear="2008" /> |
<portal:mojoPortalLink id="lnkmojoportal" runat="server" UseImage="false" /> |
<portal:XhtmlValidatorLink id="lnkw3cValidator" runat="server" UseImage="false" Html5="true" /> |
<portal:CSSValidatorLink id="lnkCSSVal1" runat="server" UseImage="false" />
</footer>
<script type="text/javascript">
function HideMenuToolbar(){ $("#toolbar").fadeOut(); $("#toolbarbut").fadeIn("slow");}
function ShowMenuToolbar(){ $("#toolbar").fadeIn(); $("#toolbarbut").fadeOut("slow");}
$(document).ready(function(){
$("span.downarr a").click(function() {HideMenuToolbar(); Set_Cookie('openstate', 'closed')});
$("span.showbar a").click(function() {ShowMenuToolbar(); Set_Cookie('openstate', 'open') });
$("span.downarr a, span.showbar a").click(function() { return false; });
var openState = Get_Cookie('openstate');
if(openState != null){ if(openState == 'closed'){HideMenuToolbar();} if(openState == 'open'){ShowMenuToolbar();}}
});
</script>
<portal:AutoHidePanel ID="ah1" runat="server">
<div id="toolbarbut">
<span class="showbar"><a href="#">show bar</a></span>
</div>
<div id="toolbar">
<div class="toolbarleft">
&nbsp;
</div>
<div class="toolbarright">
<span class="downarr">
<a href="#"></a>
</span>
<portal:AdminMenuLink id="lnkAdminMenu" runat="server" />
<portal:FileManagerLink id="lnkFileManager" runat="server" />
<portal:NewPageLink id="lnkNewPage" runat="server" />
<portal:PageEditFeaturesLink id="lnkPageContent" runat="server" />
<portal:PageEditSettingsLink id="lnkPageSettings" runat="server" />
<asp:ContentPlaceHolder ID="pageEditContent" runat="server"></asp:ContentPlaceHolder>
</div>
</div>
</portal:AutoHidePanel>
</div> <!-- .wrapper -->
<portal:Woopra ID="woopra11" runat="server" />
</form>
<portal:AnalyticsAsyncBottomScript ID="analyticsBottom" runat="server" />
</body>
</html>
<%@ Register Namespace="mojoPortal.Web.UI" Assembly="mojoPortal.Web" TagPrefix="portal" %>
<%@ Register Namespace="mojoPortal.Web.Controls" Assembly="mojoPortal.Web.Controls" TagPrefix="mp" %>
<%@ Register Namespace="mojoPortal.Web.ContentUI" Assembly="mojoPortal.Web" TagPrefix="html" %>
<%@ Register Namespace="mojoPortal.Web.BlogUI" Assembly="mojoPortal.Features.UI" TagPrefix="blog" %>
<%@ Register Namespace="mojoPortal.Web.ForumUI" Assembly="mojoPortal.Features.UI" TagPrefix="forum" %>
<%@ Register Namespace="mojoPortal.Web.FeedUI" Assembly="mojoPortal.Features.UI" TagPrefix="feed" %>
<%@ Register Namespace="mojoPortal.Web.SharedFilesUI" Assembly="mojoPortal.Features.UI" TagPrefix="sf" %>
<%@ Register TagPrefix="portal" TagName="ChildPagesSiteMap" Src="~/Controls/ChildPageMenu.ascx" %>
<%@ Register TagPrefix="portal" TagName="mojoRating" Src="~/Controls/mojoRating.ascx" %>
<%--
<%@ Register Namespace="DayPilot.Web.Ui" Assembly="DayPilot" TagPrefix="dp" %>
--%>
<%--
@@@IMPORTANT@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
it is better to only set css classes and configuration properties, but not to set style properties such as colors fonts, borders etc here.
Doing that causes rendering of inline styles on th elements and this bulks up the markup making the page heavier.
It is far better to only set styles from CSS
http://www.mojoportal.com/understanding-the-theme-skin-file.aspx
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
--%>
<portal:LayoutDisplaySettings runat="server"
LeftSideNoRightSideCss="three columns"
RightSideNoLeftSideCss="three columns"
CenterNoLeftSideCss="nine columns"
CenterNoRightSideCss="nine columns"
CenterNoLeftOrRightSideCss="twelve columns"
CenterWithLeftAndRightSideCss="six columns"
/>
<%--
Note that we have reduced thenumber of container elements, the next 3 are set to render only their and no element for the container itself
https://www.mojoportal.com/a-more-flexible-set-of-container-panels
--%>
<portal:OuterWrapperPanel runat="server"
RenderContentsOnly="true"
/>
<portal:OuterBodyPanel runat="server"
RenderContentsOnly="true"
/>
<portal:InnerBodyPanel runat="server"
RenderContentsOnly="true"
/>
<%-- the 2 below would only be used for stlying purposes they don't contain anything so we set them to not render at all --%>
<portal:EmptyPanel runat="server" SkinID="modulefooter"
DontRender="true"
/>
<portal:EmptyPanel runat="server" SkinID="cleared"
DontRender="true"
/>
<%--
here we are making the side columns divLeft and divRight in layout.mnaster render as aside element
you can always change this or remove it if you don't want to do that
--%>
<portal:LayoutPanel runat="server" SkinID="LeftColumn"
Element="aside"
ExtraCssClasses=""
/>
<portal:LayoutPanel runat="server" SkinID="RightColumn"
Element="aside"
ExtraCssClasses=""
/>
<portal:LayoutPanel runat="server" SkinID="HeaderContent"
Element="aside"
ExtraCssClasses=""
/>
<portal:LayoutPanel runat="server" SkinID="FooterContent"
Element="aside"
ExtraCssClasses=""
/>
<html:HtmlDisplaySettings runat="server"
DisableContentRating="false"
UseBottomContentRating="true"
UseHtml5Elements="true"
/>
<blog:BlogDisplaySettings runat="server"
UseBottomNavigation="true"
HideCalendar="false"
HideFeedLinks="false"
HideStats="false"
BlogViewUseBottomDate="true"
BlogViewHideTopPager="false"
BlogViewHideBottomPager="false"
BlogViewInnerWrapElement="article"
BlogViewInnerBodyExtraCss="row"
BlogViewDivBlogExtraCss="nine columns"
BlogViewHeaderLiteralTopContent="<header>"
BlogViewHeaderLiteralBottomContent="</header>"
ArchiveViewHideFeedbackLink="false"
HideTopSideBar="false"
HideBottomSideBar="false"
OverrideListItemHeadingElement=""
PostListForceExcerptMode="false"
PostListForceTitleOnly="false"
PostListUseBottomDate="true"
PostListDisableContentRating="false"
DetailViewDisableContentRating="false"
UseBottomContentRating="true"
DisableShowCategories="false"
DisableShowArchives="false"
DisableShowStatistics="false"
PostListExtraCss="nine columns"
/>
<blog:BlogWrapperPanel runat="server"
ExtraCssClasses="row"
/>
<blog:BlogNavPanel runat="server"
Element="aside"
ExtraCssClasses="three columns"
/>
<%--
below we are wrapping a nav element around the blog tag cloud and archive links, it is debateable whether that is a good idea we leave it up to you
the documentation says it is only needed for major navigation blocks but it doesn't say it hurts to use it for lesser navigation
http://dev.w3.org/html5/spec/single-page.html#the-nav-element
--%>
<blog:BlogCatListPanel runat="server"
Element="nav"
/>
<blog:BlogArchiveListPanel runat="server"
Element="nav"
/>
<blog:BlogPostListWrapperPanel runat="server"
Element="section"
/>
<blog:BlogPostListItemPanel runat="server"
Element="article"
RenderId="false"
/>
<portal:mojoButton runat="server" CssClass="button" />
<portal:SiteTitle runat="server"
Element="div"
IncludeStandardClasses="false"
CssClass="title ir"
/>
<portal:ModuleTitleControl runat="server"
UseModuleHeading="false"
UseModuleHeadingOnSideColumns="false"
DetectSideColumn="true"
Element="h1"
SideColumnElement="h2"
LiteralExtraTopContent=""
LiteralExtraBottomContent=""
ExtraCssClasses=""
SideColumnExtraCssClasses=""
/>
<portal:HeadingControl runat="server"
LiteralExtraTopContent=""
LiteralExtraBottomContent=""
ExtraCssClasses=""
/>
<%--
below we are wrapping a nav element around the breadcrumbs, it is debateable whether that is a good idea we leave it up to you
the documentation says it is only needed for major navigation blocks but it doesn't say it hurts to use it for lesser navigation
http://dev.w3.org/html5/spec/single-page.html#the-nav-element
the ul is needed for the foundation breadcrumb styling
http://foundation.zurb.com/docs/ui.php
--%>
<portal:BreadcrumbContainer runat="server"
ExtraCssClasses="row"
LiteralExtraTopContent="<nav class='twelve column'><ul class='breadcrumbs'>"
LiteralExtraBottomContent="</ul></nav>"
/>
<portal:FlexMenu runat="server" SkinID="SiteMenu"
StartingNodePageId="-1"
StartingNodeOffset="-1"
MaxDataRenderDepth="1"
ContainerElement=""
ContainerCssClass=""
RootUlCssClass=""
RenderDescription="true"
DescriptionCssClass=""
ChildContainerElement=""
ChildContainerCssClass=""
ChildUlCssClass=""
ChildNodesPerUl="-1"
RootLevelLiCssClass=""
LiCssClass=""
ItemDepthCssPrefix=""
ParentLiCssClass=""
UlSelectedCssClass=""
LiSelectedCssClass=""
AnchorSelectedCssClass=""
AnchorInnerHtmlTop=""
AnchorInnerHtmlBottom=""
RenderCustomClassOnLi="true"
RenderCustomClassOnAnchor="false"
AnchorCssClass=""
AnchorChildSelectedCssClass=""
LiChildSelectedCssClass=""
UlChildSelectedCssClass=""
ExtraTopMarkup=""
ExtraBottomMarkup=""
IsMobileSkin="false"
/>
<portal:mojoTreeView runat="server" SkinID="PageMenu"
ContainerElement="nav"
RenderLiCssClasses="true"
RenderAnchorCss="true"
ExpandDepth="-1"
ShowExpandCollapse="false"
PopulateNodesFromClient="false"
SuppressCornerDivs="true"
/>
<portal:mojoTreeView runat="server" SkinID="SiteMapPage"
ContainerElement="nav"
ContainerCssClass=""
RootUlCssClass="nav"
RenderLiCssClasses="true"
RenderAnchorCss="false"
LiCssClass=""
LiRootExpandableCssClass=""
LiRootNonExpandableCssClass=""
LiNonRootExpnadableCssClass=""
LiSelectedCssClass=""
LiChildSelectedCssClass=""
LiParentSelectedCssClass=""
AnchorCssClass="inactive"
AnchorSelectedCssClass="current"
ExpandDepth="-1"
ShowExpandCollapse="false"
PopulateNodesFromClient="false"
/>
<portal:mojoTreeView runat="server" SkinID="ChildSiteMap"
ContainerElement="nav"
ContainerCssClass="sitemap"
RootUlCssClass=""
RenderLiCssClasses="false"
RenderAnchorCss="true"
LiCssClass=""
LiRootExpandableCssClass=""
LiRootNonExpandableCssClass=""
LiNonRootExpnadableCssClass=""
LiSelectedCssClass=""
LiChildSelectedCssClass=""
LiParentSelectedCssClass=""
AnchorCssClass=""
AnchorSelectedCssClass=""
ExpandDepth="-1"
ShowExpandCollapse="false"
PopulateNodesFromClient="false"
/>
<%--
below we are wrapping a nav element around the pagination links, it is debateable whether that is a good idea we leave it up to you
the documentation says it is only needed for major navigation blocks but it doesn't say it hurts to use it for lesser navigation
http://dev.w3.org/html5/spec/single-page.html#the-nav-element
renderaslist and the currentcellcssclass are needed for the foundaiton pagination styling
http://foundation.zurb.com/docs/ui.php
--%>
<portal:mojoCutePager runat="server"
RenderNavElement="true"
RenderAsList="true"
LeaveOutSpans="true"
PageInfoCssClass="pageinfo"
CurrentPageCellCssClass="current"
CurrentPageCssClass=""
OtherPageCssClass=""
/>
<asp:CreateUserWizard runat="server"
CreateUserButtonStyle-CssClass=""
ContinueButtonStyle-CssClass=""
FinishCompleteButtonStyle-CssClass=""
StartNextButtonStyle-CssClass=""
/>
<asp:Calendar runat="server"
CaptionAlign="Top"
CssClass="aspcalendarmain"
DayHeaderStyle-CssClass="aspcalendardayheader"
DayNameFormat="FirstLetter"
DayStyle-CssClass="aspcalendarday"
FirstDayOfWeek="sunday"
NextMonthText="+"
NextPrevFormat="CustomText"
NextPrevStyle-CssClass="aspcalendarnextprevious"
OtherMonthDayStyle-CssClass="aspcalendarothermonth"
PrevMonthText="-"
SelectedDayStyle-CssClass="aspcalendarselectedday"
SelectorStyle-CssClass="aspcalendarselector"
ShowDayHeader="true"
ShowGridLines="false"
ShowNextPrevMonth="true"
ShowTitle="true"
TitleFormat="MonthYear"
TitleStyle-CssClass="aspcalendartitle"
TodayDayStyle-CssClass="aspcalendartoday"
WeekendDayStyle-CssClass="aspcalendarweekendday"
Width="100%"
/>
<asp:Calendar runat="server" SkinID="Blog"
CaptionAlign="Top"
CssClass="aspcalendarmain"
DayHeaderStyle-CssClass="aspcalendardayheader"
DayNameFormat="FirstLetter"
DayStyle-CssClass="aspcalendarday"
FirstDayOfWeek="sunday"
NextMonthText="+"
NextPrevFormat="CustomText"
NextPrevStyle-CssClass="aspcalendarnextprevious"
OtherMonthDayStyle-CssClass="aspcalendarothermonth"
PrevMonthText="-"
SelectedDayStyle-CssClass="aspcalendarselectedday"
SelectorStyle-CssClass="aspcalendarselector"
ShowDayHeader="true"
ShowGridLines="false"
ShowNextPrevMonth="true"
ShowTitle="true"
TitleFormat="MonthYear"
TitleStyle-CssClass="aspcalendartitle"
TodayDayStyle-CssClass="aspcalendartoday"
WeekendDayStyle-CssClass="aspcalendarweekendday"
Width="100%"
/>
<%-- this is the EventCalendar --%>
<mp:DataCalendar runat="server" SkinID="eventcal"
BackColor=""
BorderColor=""
BorderStyle="none"
CaptionAlign="Top"
CssClass="mpcalendarmain"
DayHeaderStyle-CssClass="mpcalendardayheader"
DayNameFormat="Short"
DayStyle-CssClass="mpcalendarday"
FirstDayOfWeek="sunday"
NextMonthText="+"
NextPrevFormat="CustomText"
NextPrevStyle-CssClass="mpcalendarnextprevious"
OtherMonthDayStyle-CssClass="mpcalendarothermonth"
PrevMonthText="-"
SelectedDayStyle-CssClass="mpcalendarselectedday"
SelectorStyle-CssClass="mpcalendarselector"
ShowDayHeader="true"
ShowGridLines="false"
ShowNextPrevMonth="true"
ShowTitle="true"
TitleFormat="MonthYear"
TitleStyle-CssClass="mpcalendartitle"
TodayDayStyle-CssClass="mpcalendartoday"
WeekendDayStyle-CssClass="mpcalendarweekendday"
/>
<asp:ListBox runat="server" SkinID="PageTree"
BackColor=""
CssClass=""
Font-Bold="false"
Font-Italic="false"
Font-Names=""
Font-Overline="false"
Font-Size="small"
Font-Strikeout="false"
Font-Underline="false"
ForeColor=""
Height=""
Width="400px"
/>
<mp:CornerRounderTop runat="server" DoRounding="false" />
<mp:CornerRounderBottom runat="server" DoRounding="false" />
<%-- this clears hard coded style from validators --%>
<asp:ValidationSummary runat="server" ForeColor="" CssClass="txterror" />
<asp:RangeValidator runat="server" ForeColor="" CssClass="txterror" />
<asp:RequiredFieldValidator runat="server" ForeColor="" CssClass="txterror" />
<asp:RegularExpressionValidator runat="server" ForeColor="" CssClass="txterror" />
<asp:CompareValidator runat="server" ForeColor="" CssClass="txterror" />
<asp:CustomValidator runat="server" ForeColor="" CssClass="txterror" />
<asp:CheckBoxList runat="server"
CssClass="aspcheckboxlist"
RepeatColumns="2"
RepeatDirection="horizontal"
RepeatLayout="Table"
/>
<asp:CheckBoxList runat="server" SkinID="Roles"
CssClass="aspcheckboxlist"
RepeatColumns="2"
RepeatDirection="horizontal"
RepeatLayout="Table"
/>
<asp:CheckBoxList runat="server" SkinID="Blog"
CssClass="aspcheckboxlist"
RepeatColumns="4"
RepeatDirection="horizontal"
RepeatLayout="Table"
/>
<%--
<dp:daypilotcalendar runat="server"
BackColor="#FFFFD5"
BorderColor="#000000"
BorderStyle="solid"
BorderWidth="0px"
ColumnMarginRight="3"
CssClass="daypilot"
DayFontFamily="Tahoma"
DayFontSize="10pt"
EventBackColor="#FFFFFF"
EventBorderColor="#000000"
EventFontFamily="Tahoma"
EventFontSize="11px"
EventHoverColor="#DCDCDC"
EventLeftBarColor="Blue"
Font="Tahoma"
HeaderHeight="20"
HourBorderColor="#EAD098"
HourFontFamily="Tahoma"
HourFontSize="16pt"
HourHalfBorderColor="#F3E4B1"
HourHeight="40"
HourNameBackColor="#ECE9D8"
HourNameBorderColor="#ACA899"
HourWidth="40"
HoverColor="#FFED95"
NonBusinessBackColor="#FFF4BC"
ShowHeader="true"
ShowHours="true"
/>
--%>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment