Products

Solutions

Resources

Partners

Community

Blog

About

QA

Ideas Test

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!

Welcome to the DNN Community Forums, your preferred source of online community support for all things related to DNN.
In order to participate you must be a registered DNNizen

HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Styling Login/Registration formsStyling Login/Registration forms
Previous
 
Next
New Post
1/15/2009 2:46 PM
 

Hi,

I'm trying to style the login/registration/userpage forms.  Should that css be included in the skin css?  For login page, I can add style tag in the header.. but what is the best practice here?

Thanks,

Jay

 
New Post
1/15/2009 3:15 PM
 

The best practice overall is to put as much into the css files as you can, and not in the skin files.

 

Then, the question is ... which of the many css files should you use.

Default.css is for styles that should exist across the installation.

Skin.css is for styles that pertain to the skin.

Portal.css is for styles that pertain to the portal.

 

Assuming that your styling of the login/registration/user pages is specific to the portal, I'd put those styles in Portal.css.




Joe Craig
Patapsco Research Group, Ellicott City, MD
DotNetNuke Development and Services (http://patapscorg.com)
 
New Post
1/15/2009 3:56 PM
 

Thanks.. right.. trying to style a portal.  So adding to the portal.css makes sense.. the classes/id's probaby just need to be deduced from looking at page source.

Thanks,

Jay

 
New Post
1/15/2009 5:45 PM
 

A couple of thoughts:

First, if you want to quickly try out a CSS change portal-wide, one easy way is to use the built-in stylesheet editor under ADMIN->SITE SETTINGS->STYLESHEET EDITOR.  This can be useful for a quick test without going into any CSS files.

Altering USER REGISTRATION
The user registration screen is a dynamically-created screen -- there is no ASCX source containing all the rendered elements.  You'll have to go ino VB code or else work backward from viewing PAGE->SOURCE in your web browser to discover page elements and ID values.

This dynamically-generated page presents another issue:  What happens when you want to alter CSS only for the User Registration page for elements with no unique IDs?  If you add tag-based CSS to your PORTALS.CSS file it will affect your entire site. 

USER REGISTRATION = USER ACCOUNT
The User Registration screen is also the User Account screen, so any changes you make will show up for already-registered users whenever they look at their account info.  Example:  How do you swap the standard DNN "required field" icons for super-special, huge "REQUIRED FIELD" icons during the registration process but NOT swap them later when a user is simply looking at his/her account info?

One Solution: Resource File "Hack"
You might get some useful info from the following post where I detail one way to add content to the user registration page that only shows up during the registration process:  http://www.eguanasolutions.com/DNN_Blog/EntryID/3.aspx

You can use the same approach to dynamically change certain CSS attributes via JavaScript.  This will enable you to (when it makes sense) alter CSS only on the registration page without rolling the CSS out for the entire portal.

 
Please come back and update the thread with your thoughts/findings once you've settled on a solution -- I'd like to hear about what you find that works well for you since the solution I linked is really more "hack" than "permanent solution".

Good luck!
-mamlin


esmamlin atxgeek.me
 
New Post
5/3/2009 3:21 AM
 

Hi.

Do you know anykind of "Dictionary" for all the kinds of the CSS Classes in DotNetNuke? Its hard to find information about standard classes for example the text in the login page. If it is possible to use them in the skin.css

Regards
Gooldmember

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Styling Login/Registration formsStyling Login/Registration forms


These Forums are dedicated to discussion of DNN Platform and Evoq Solutions.

For the benefit of the community and to protect the integrity of the ecosystem, please observe the following posting guidelines:

  1. No Advertising. This includes promotion of commercial and non-commercial products or services which are not directly related to DNN.
  2. No vendor trolling / poaching. If someone posts about a vendor issue, allow the vendor or other customers to respond. Any post that looks like trolling / poaching will be removed.
  3. Discussion or promotion of DNN Platform product releases under a different brand name are strictly prohibited.
  4. No Flaming or Trolling.
  5. No Profanity, Racism, or Prejudice.
  6. Site Moderators have the final word on approving / removing a thread or post or comment.
  7. English language posting only, please.
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out