Skip to content

Instantly share code, notes, and snippets.

@donker
Created March 7, 2019 08:47
Show Gist options
  • Save donker/85f60ac820b76ff078ba42db044c22ee to your computer and use it in GitHub Desktop.
Save donker/85f60ac820b76ff078ba42db044c22ee to your computer and use it in GitHub Desktop.
Login screen skin page for DNN
<%@ Control language="VB" AutoEventWireup="false" Explicit="True" Inherits="DotNetNuke.UI.Skins.Skin" %><%@ Register TagPrefix="connect" Namespace="Connect.DNN.Modules.SkinControls" Assembly="Connect.DNN.Modules.SkinControls" %><%@ Register TagPrefix="dnn" Namespace="DotNetNuke.Web.Client.ClientResourceManagement" Assembly="DotNetNuke.Web.Client" %><%@ Register TagPrefix="dnn" TagName="MENU" Src="~/DesktopModules/DDRMenu/Menu.ascx" %>
<%@ Register TagPrefix="dnn" TagName="PRIVACY" Src="~/Admin/Skins/Privacy.ascx" %>
<%@ Register TagPrefix="dnn" TagName="TERMS" Src="~/Admin/Skins/Terms.ascx" %>
<dnn:DnnCssInclude runat="server" FilePath="css/bootstrap.min.css" PathNameAlias="SkinPath" />
<dnn:DnnCssInclude runat="server" FilePath="css/font-awesome.min.css" PathNameAlias="SkinPath" />
<dnn:DnnCssInclude runat="server" FilePath="css/sb-admin-2.min.css" PathNameAlias="SkinPath" />
<dnn:DnnCssInclude runat="server" FilePath="dnndefault/8.0.0/default.css" PathNameAlias="SharedScripts" Name="dnndefault" Version="8.0.0" />
<dnn:DnnCssInclude runat="server" FilePath="css/loaders.min.css" PathNameAlias="SkinPath" />
<dnn:DnnJsInclude runat="server" FilePath="js/bootstrap.min.js" PathNameAlias="SkinPath" />
<div id="wrapper loginpage">
<div class="container">
<div class="row">
<div class="col-md-4 col-md-offset-4" runat="server" id="ContentPane"></div>
</div>
<div class="row">
<div class="col-lg-6 col-md-12" runat="server" id="LeftPane"></div>
<div class="col-lg-6 col-md-12" runat="server" id="RightPane"></div>
</div>
</div>
<div style="position: relative;bottom: 0;width: 100%;text-align: center;padding-bottom: 10px;margin-top: 20px">
<dnn:TERMS ID="dnnTerms" runat="server" />
|
<dnn:PRIVACY ID="dnnPrivacy" runat="server" />
</div>
</div>
<script type="text/javascript">
(function ($, Sys) {
$(document).ready(function () {
preparePage();
});
Sys.WebForms.PageRequestManager.getInstance().add_endRequest(preparePage);
function preparePage() {
//$('.dnnLabel').hide();
//$('.dnnFormLabel').hide();
$('.dnnFormItem > a.dnnSecondaryAction').hide();
$('.dnnLoginService').removeClass('dnnLoginService').addClass('panel-body').parent().addClass('login-panel panel panel-default').prepend('<div class="panel-heading"><h3 class="panel-title">Veuillez vous connecter</h3></div>');
$('.dnnFormItem').addClass('form-group');
$('.dnnFormItem input').addClass('form-control');
$('.dnnPrimaryAction').addClass('btn btn-lg btn-success btn-block');
var e = $('.dnnLoginRememberMe').parent();
e.prev().insertAfter(e);
$('.dnnLoginRememberMe input').removeClass('form-control').removeAttr('style').after('&nbsp;');
$('.dnnLoginActions ul li a').removeAttr('onclick');
$.fn.dnnCheckbox = function(options) {};
$('.dnnPrimaryAction').click(function(e) {
$('.p-overlay').show();
});
$('.LoginPanel').append('<div class="p-overlay"><div class="p-overlay-message"><div class="loader-inner ball-pulse"><div /><div /><div /></div></div></div>');
$('.p-overlay').height($('.login-panel').height()).width($('.login-panel').width()).hide();
$('#dnn_ctr653_Login_Login_DNN_lblLoginRememberMe').hide();
}
}(jQuery, window.Sys));
</script>
<style type="text/css">
ul.dnnActions li {
list-style-type: none;
margin-left: 0;
width: 100%;
text-align: right;
}
.dnnPrimaryAction {
margin-bottom: 10px;
}
.dnnSendPassword .dnnFormMessage {
padding: 30px 0;
}
.dnnSendPasswordContent {
width: 100%;
}
.dnnSendPasswordContent input[type=text] {
width: 100%;
}
.dnnFormHelp, .dnnTooltip {
display: none;
}
</style>
@donker
Copy link
Author

donker commented Mar 7, 2019

This uses loaders.css and Bootstrap. The sb-admin and font-awesome are not needed.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment