Saturday, November 22, 2008     | Register
To start or answer a thread you will need to login...


Forum Guidelines

Please ensure you follow the bug-raising guidelines (e.g. post the full error from your Event Viewer) if you are raising a support call. To request a feature in a module, please use Feature Requests (unless you want to discuss it here in more detail first). If you have an urgent feature that you would like to see in the product then you should consider a Sponsored Enhancement.

 

First Time User? Make sure you have read the Module Config Guide in the documents folder of each module. Also check out this handy Module Deployment Guide (written by a Smart-Thinker customer!)

Configuration issues and no time to read the Forums/Documentation? See our DotNetNuke Premium Support Service.

 

We need your opinion! Please read our proposed new CrowdSourcing development method and let us know if you would be interested and if it might work.

 
 
  Forums  DotNetNuke  General  Simplifying all Module.css styles and moving into Portal.css
Previous Previous
 
Next Next
New Post 6/1/2008 4:02 AM
Informative
  Rodney Joyce
2908 posts
www.DNNDir.com
1st Level Poster




Simplifying all Module.css styles and moving into Portal.css  (Japan)

In the next versions (as of the today, the 1st of June) - I will be removing all common CSS styles from the Module.css files under each module. This is mainly the duplicated GridStyles that were added to every single Module.css file for each module.

 

I think this would be better if it were in the Portal.css and it will aid load times and caching, and it is duplicated in every module.

 

You will therefore need to add thse common styles to your Portal.css file (Admin -> Site Settings -> Stylesheet Editor) if you want to retain the same look.

 

Please bear in mind the following:

  1. If you want to customise grids at module level you can put these elements back into the Module.css file for that module (it gets overwritten on upgrade unfortunately, so you would have to do this each time).
  2. A better way would be to just customize the CSS file using the Admin editor which would not be over-written on upgrades.
  3. This change also means that all modules will now be using the same .css file to load from, which should decrease load time etc.
  4. This change does not affect any module-specific styles of course, only the CSS styles below that were copy and pasted into each module anyway.
  5. If you are a first time user of the Smart-Thinker modules you would need to copy and paste these styles into your Portal.css file (or use the editor)

 

 

/* ---------------------------------------------------------*/
/* GRID RELATED */
.GridBaseStyle
{
    /* Default Grid Style */
    color: black;
    font-size: 12px;
}
.GridHeader
{
    /* Heading row for grid */
    font-weight: bold;
    text-align: center;
    background-color: #E6E6FA;
}
.GridItem
{
    /* normal rows in grid */
    background-color: GhostWhite;
}
.GridAlternatingItem
{
    /* Alternate rows in grid */
    background-color: white;
}
.GridItemMouseOver
{
    background-color: gainsboro;
}
.GridAlternatingItemMouseOver
{
    /* Alternate rows in grid */
    background-color: gainsboro;
}
.NumericGridItem{text-align: center; padding-left: 2px; padding-right: 2px;}
.TextGridItem{text-align: left;    padding-left: 4px; padding-right: 1px;}
.DateGridItem{text-align: center; padding-left: 4px; padding-right: 1px;}
.CenterGridItem{text-align: center;    padding-left: 2px; padding-right: 2px;}
.ButtonGridItem{text-align: center;    padding-left: 2px; padding-right: 2px;}
.CheckboxGridItem{text-align: center; padding-left: 2px; padding-right: 2px;}

/* ---------------------------------------------------------*/
/* GENERAL USER SEARCH STYLES */

.NoRecordsStyle
{
}

.MemberArea
{
    /* Outline of the Member List/Profile box */
    border-top-style: none;
    background-color: transparent;
    border-right: 0px;
    border-top: 0px;
    border-left: 0px;
    border-bottom: 0px;
}

/* ---------------------------------------------------------*/
/* ITEM TEMPLATE STYLES FOR USER PROFILE ITEM PROPERTIES */
/* PREFIX PROPERTY NAME WITH "IT" */

.ITItem
{
    /* Each item */
    text-align: left;
    vertical-align: top;
    padding: 5;
    border: 0px solid #333333;
}

.ITDisplayName
{
    /* Categories on GroupDetail */
    font-size: 9px;
    font-weight: bold;
}

.ITProfilePicture
{
    /* Profile Picture */
    border-right: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    padding: 10px;
    white-space: 5px;
    cell-spacing: 10px;
}  

/* ---------------------------------------------------------*/
/* GRID COLUMNS FOR USER PROFILE LIST PROPERTIES */
/* PREFIX PROPERTY NAME WITH "COLHEADE" TO CHANGE COLUMN HEADER */
/* PREFIX PROPERTY NAME WITH "COL" TO CHANGE COLUMN ITEM (Note: the CSSStyle does not have the *C* in it for properties) */

.ListBaseStyle
{
    /* Default Grid Style */
    color: black;
    font-size: 12px;
    border-right: 0px solid #0333333;
    border-top: 0px solid #0333333;
    border-left: 0px solid #0333333;
    border-bottom: 0px solid #0333333;
}

.ListHeader
{
    /* Heading row for grid */
    font-weight: bold;
    text-align: center;
    background-color: #E6E6FA;
}

.ItemList
{
    /* Normal rows in grid */
    background-color: GhostWhite;
    text-align: center;
    border-right: #cccccc thin solid;
    border-top: #cccccc thin solid;
    border-left: #cccccc thin solid;
    border-bottom: #cccccc thin solid;
}
.AlternateItemList
{
    /* Alternate rows in grid */
    background-color: white;
    text-align: center;
    border-right: #cccccc thin solid;
    border-top: #cccccc thin solid;
    border-left: #cccccc thin solid;
    border-bottom: #cccccc thin solid;
}

.ColUserID
{
}  

.ColDISPLAYNAMESTUP
{
}  

.ColHeadDISPLAYNAMESTUP
{
}  

.ColCountry
{
}  

.ColPRIVATEMESSAGE
{
    width: 1px;
}

.ColUserOnlineImage
{
    width: 1px;
}

.ItemListSelectCol
{
     width: 1px;
}

.ItemListDeleteCol
{
    width: 1px;
}


Thanks
Rodney
See our modules in action on PokerDIY, a social network for home poker players

Smart-Thinker DotNetNuke Development Blog
 
Previous Previous
 
Next Next
  Forums  DotNetNuke  General  Simplifying all Module.css styles and moving into Portal.css
Top Threads
In the past 1 week, we have 29 new thread(s) and 70 new post(s)
The most popular thread has been Re: Multipaid Sponsored Enhancements
The most active thread has been Multipaid Sponsored Enhancements / Crowdsourcing to improve modules
Smart-Thinker is powered by DotNetNuke - please support us and DotNetNuke - DotNetNuke Powered!
© 2008 Smart-Thinker   |  Privacy Statement  |  Terms Of Use