New Community Website

Ordinarily, you'd be at the right spot, but we've recently launched a brand new community website... For the community, by the community.

Yay... Take Me to the Community!

The Community Blog is a personal opinion of community members and by no means the official standpoint of DNN Corp or DNN Platform. This is a place to express personal thoughts about DNNPlatform, the community and its ecosystem. Do you have useful information that you would like to share with the DNN Community in a featured article or blog? If so, please contact .

The use of the Community Blog is covered by our Community Blog Guidelines - please read before commenting or posting.

Quick Fix: Adjust DNN 6 Login Module to fit into narrow panes

Login module in DNN 6.0/6.1 has been optimized for display in popup view. While popup is a great new feature in DNN6, a number of DNN users still prefer a login on a page, usually in a side pane - unfortunately, this doesn't look optimal out of the box:

Login on Page - before

To fix this behaviour, enter Site settings in Admin menu, switch to style sheet editor tab and append the following lines:

/* adjust login position in popup */
.dnnClear.dnnLogin.dnnForm {width:400px; min-width:400px;margin-left:10em;margin-top:50px}
/* adjust login module width */
#Content .dnnClear.dnnLogin.dnnForm {width:280px; min-width:280px;margin-left: 0em;margin-top:10px}
#Content .dnnLoginService.dnnForm .dnnFormItem label {width:80px;}
#Content .dnnLogin input[type=text], #Content .dnnLogin input[type=password] {width:120px;}
#Content .dnnLoginService a.dnnPrimaryAction {margin-left:30px;}
#Content .dnnLoginRememberMe {margin-left: 135px;}
#Content .dnnForm .loginContent ul.dnnActions {padding-left:50px;}

Save your changes, go back to your login page and press Shift-F5 to reload all:

Login on Page - After

For 3rd party skins, you might need to use a different selector for the panes area than #Content.

Note that login popup still makes use of wider space:

Login Popup

I hope, this may be useful for a couple of you...

PS: note, that this module does not switch to display Profile Link and Logout Link. You should display it to unauthenticated users only and use a second one with appropriate links for registered users.

Update for DotNetNuke 6.2.0:

I suggest using the following CSS code to specify proper widths, if you are running DNN 6.2.0:

/* adjust login module width */
#Content .LoginPanel {
margin-left: 0em;
#Content .dnnLoginService.dnnForm .dnnFormItem label {
#Content .dnnLogin input[type=text], #Content .dnnLogin input[type=password] {
#Content .dnnLoginService a.dnnPrimaryAction {
#Content .dnnLoginRememberMe {
margin-left: 90px;
padding-left: 0px;
#Content .dnnForm .loginContent ul.dnnActions {


Update for DotNetNuke 7.0:
There have been a number of classes renamed, checked with default skin, the following styles in Portal.css may help:

/* adjust login module width */
#contentWrapper .dnnClear.dnnLogin.dnnForm {width:280px; min-width:280px;margin-left: 0px;margin-top:10px}
#contentWrapper .dnnLoginService .dnnForm .dnnFormItem label {width:100px;}
#contentWrapper .dnnLoginService input[type='text'], #contentWrapper  .dnnLoginService input[type='password'] {width:150px;min-width:150px;}
#contentWrapper .dnnLoginService a.dnnPrimaryAction {margin-left:-100px; margin-top:10px}
#contentWrapper .dnnLoginRememberMe {margin-left: 5px;}
#contentWrapper .dnnLoginActions {margin-top:-30px}
#contentWrapper .dnnLoginService .dnnSecondaryAction {margin-left:5px;margin-right:5px;}  
#contentWrapper .LoginPanel {width:280px; min-width:280px}


Comment Form

Only registered users may post comments.


Aderson Oliveira (22)
Alec Whittington (11)
Alessandra Davies (3)
Alex Shirley (10)
Andrew Hoefling (3)
Andrew Nurse (30)
Andy Tryba (1)
Anthony Glenwright (5)
Antonio Chagoury (28)
Ash Prasad (37)
Ben Schmidt (1)
Benjamin Hermann (25)
Benoit Sarton (9)
Beth Firebaugh (12)
Bill Walker (36)
Bob Kruger (5)
Bogdan Litescu (1)
Brian Dukes (2)
Brice Snow (1)
Bruce Chapman (20)
Bryan Andrews (1)
cathal connolly (55)
Charles Nurse (163)
Chris Hammond (213)
Chris Paterra (55)
Clint Patterson (108)
Cuong Dang (21)
Daniel Bartholomew (2)
Daniel Mettler (181)
Daniel Valadas (48)
Dave Buckner (2)
David Poindexter (12)
David Rodriguez (3)
Dennis Shiao (1)
Doug Howell (11)
Erik van Ballegoij (30)
Ernst Peter Tamminga (80)
Francisco Perez Andres (17)
Geoff Barlow (12)
George Alatrash (12)
Gifford Watkins (3)
Gilles Le Pigocher (3)
Ian Robinson (7)
Israel Martinez (17)
Jan Blomquist (2)
Jan Jonas (3)
Jaspreet Bhatia (1)
Jenni Merrifield (6)
Joe Brinkman (274)
John Mitchell (1)
Jon Henning (14)
Jonathan Sheely (4)
Jordan Coopersmith (1)
Joseph Craig (2)
Kan Ma (1)
Keivan Beigi (3)
Kelly Ford (4)
Ken Grierson (10)
Kevin Schreiner (6)
Leigh Pointer (31)
Lorraine Young (60)
Malik Khan (1)
Matt Rutledge (2)
Matthias Schlomann (16)
Mauricio Márquez (5)
Michael Doxsey (7)
Michael Tobisch (3)
Michael Washington (202)
Miguel Gatmaytan (3)
Mike Horton (19)
Mitchel Sellers (40)
Nathan Rover (3)
Navin V Nagiah (14)
Néstor Sánchez (31)
Nik Kalyani (14)
Oliver Hine (1)
Patricio F. Salinas (1)
Patrick Ryan (1)
Peter Donker (54)
Philip Beadle (135)
Philipp Becker (4)
Richard Dumas (22)
Robert J Collins (5)
Roger Selwyn (8)
Ruben Lopez (1)
Ryan Martinez (1)
Sacha Trauwaen (1)
Salar Golestanian (4)
Sanjay Mehrotra (9)
Scott McCulloch (1)
Scott Schlesier (11)
Scott Wilkinson (3)
Scott Willhite (97)
Sebastian Leupold (80)
Shaun Walker (237)
Shawn Mehaffie (17)
Stefan Cullmann (12)
Stefan Kamphuis (12)
Steve Fabian (31)
Steven Fisher (1)
Timo Breumelhof (24)
Tony Henrich (3)
Torsten Weggen (3)
Tycho de Waard (4)
Vicenç Masanas (27)
Vincent Nguyen (3)
Vitaly Kozadayev (6)
Will Morgenweck (40)
Will Strohl (180)
William Severance (5)
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out