SmartLoginOverlay

Using the Control

To use the SmartLoginOverlay control in your own project you have first to reference the WPFSmartLibrary as described HERE. Then perform a XAML namespace mapping to gain access to all classes in the WPFSmartLibrary like this :
xmlns:wpfsl="http://schemas.softarcs.com/wpfsmartlibrary"
Afterwards place the SmartLoginOverlay control somewhere in the layout root grid. If you want the SmartLoginOverlay control to be shown over all other controls place it as the last control of the layout root grid. If you want to have something shown over the SmartLoginOverlay controls (like in the demo application) you can place the desired control(s) after the login overlay.
To span the SmartLoginOverlay control over the whole grid you have to place it in the first row and first column of the grid and to set the FullSpan property of the SmartLoginOverlay control to “On” like this :
<wpfsl:SmartLoginOverlay x:Name="SmartLoginOverlayControl"
			FullSpan="On" Background="#FF16499A"

If you wish the SmartLoginOverlay control to be shown only on a part of your window you are able to set the attached properties RowSpan and ColumnSpan of the parent grid on the SmartLoginOverlay control.

Here is an example how it could look like :

<SCREENSHOT>

Parts of the control

Below you can see some screenshots of the SmartLoginOverlay control with a description of the available properties.

The standard appearance when the IsUserOptionAvalailable property is not set to “true” :

SmartLoginOverlay_Parts1

The appearance will change like this when the user click on the submit button or press <ENTER> without entering a password :

SmartLoginOverlay_Parts2

The appearance will change like this when the user click on the submit button or press <ENTER> entered a wrong password :

SmartLoginOverlay_Parts3

The standard appearance when the IsUserOptionAvalailable property is set to “true” :

SmartLoginOverlay_Parts4

For further information about this useful control read my article on CodeProject : http://www.codeproject.com/Articles/498253/Smart-WPF-Login-Overlay-Windows-8-Style

Last edited Jul 27, 2013 at 11:36 PM by DotNetMastermind, version 17

Comments

No comments yet.