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, ...File Manager hardcoded background problemFile Manager hardcoded background problem
Previous
 
Next
New Post
6/2/2006 4:25 PM
 
In some browsers, I cannot control the background color of the folder tree, because it is hardcoded. Any ideas on getting around this? The id seems to be rendered.


style
="WIDTH: 200px; HEIGHT: 300px; BACKGROUND-COLOR: #ffffff"

Also the drop down box handling the paging seems to be hardcoded white -- so I have white on white text there as well. :(

Jason Honingford - Web & Software Developer
www.PortVista.com
 
New Post
6/2/2006 5:35 PM
 
Your right it's hard-coded.
It's in admin/files/filemanager.aspx

It's an span with id pnlFolders

And I think you can remove the background-color
and set it in a stylesheet
 
New Post
6/2/2006 5:38 PM
 
How am I supposed to sell a skin with a black background if it requires core mods? Maybe I need to buy a few black skins and see if others got around it, or just left the Admin white...

Jason Honingford - Web & Software Developer
www.PortVista.com
 
New Post
6/2/2006 5:48 PM
 

I am against using light fonts against dark backgrounds. They are bad from a usability POV. But hey, it's not my business right? Anyway, there's a whole set of css classes for the file manager.

/* styles used in the FileManager */

.FileManager

{

border-right: black 1px solid;

border-top: black 1px solid;

border-left: black 1px solid;

border-bottom: black 1px solid;

height:400px;

}

.FileManager_ToolBar

{

border-bottom: black 1px solid;

height:25px;

}

.FileManager_Explorer

{

height:100%;

border: dimgray 1px solid;

background-color: White;

margin: 2px 2px 2px 2px;

}

.FileManager_FileList

{

height:100%;

border: dimgray 1px solid;

background-color: White;

margin: 2px 2px 2px 2px;

overflow: auto;

}

.FileManager_MessageBox

{

text-align: center;

vertical-align: middle;

background-color: White;

padding: 25px 25px 25px 25px;

}

.FileManager_Header

{

font-family: Tahoma, Arial, Helvetica;

font-size: 11px;

font-weight: bold;

color: #E7E7FF;

background-color: #9EBFF6;

border-bottom: dimgray 1px solid;

height: 25px;

}

.FileManager_Pager

{

font-family: Tahoma, Arial, Helvetica;

font-size: 11px;

font-weight: bold;

background-color: #EEEEEE;

border-top: dimgray 1px solid;

height: 25px;

}

.FileManager_StatusBar

{

font-family: Tahoma, Arial, Helvetica;

font-size: 11px;

font-weight: normal;

background-color: #dedfde;

height: 25px;

margin: 2px 2px 2px 2px;

}

.FileManager_Item

{

font-family: Tahoma, Arial, Helvetica;

font-size: 11px;

font-weight: normal;

color: Black;

background-color: #F8F8F8;

border-top: black 1px dashed;

border-bottom: black 1px dashed;

}

.FileManager_AltItem

{

font-family: Tahoma, Arial, Helvetica;

font-size: 11px;

font-weight: normal;

color: Black;

background-color: #EEEEEE;

border-style: none;

}

.FileManager_SelItem

{

font-family: Tahoma, Arial, Helvetica;

font-size: 11px;

font-weight: bold;

color: White;

background-color: #99ffff;

border-style: none;

}

.FileManagerTreeNode

{

font-family: Tahoma, Arial, Helvetica;

font-size: 11px;

font-weight: normal;

}

.FileManagerTreeNodeSelected

{

font-family: Tahoma, Arial, Helvetica;

font-size: 11px;

font-weight: normal;

background-color: #dcdcdc;

}

A.FileManagerTreeNode:link, A.FileManagerTreeNodeSelected:link {

text-decoration: none;

color: #003366;

}

A.FileManagerTreeNode:visited, A.FileManagerTreeNodeSelected:visited {

text-decoration: none;

color: #003366;

}

A.FileManagerTreeNode:active, A.FileManagerTreeNodeSelected:active {

text-decoration: none;

color: #003366;

}

A.FileManagerTreeNode:hover, A.FileManagerTreeNodeSelected:hover {

text-decoration: none;

color: #ff0000;

}


Do you know the truth when you hear it?
Néstor Sánchez
The Dúnadan Raptor -->Follow Me on Twitter Now!
 
New Post
6/2/2006 6:05 PM
 
I would strongly disagree that white on black text is universally bad usability in all cases. The bottom line is that several of my clients want it and I'm having a nearly impossible time delivering it using DNN. What is posted above is the junk in the portal.css. I'm finding more and more is actually hardcoded, and cannot be skinned. And, of course, all the images seem to be hardcoded as well, leaving bad looking white edges around the icons.

The workaround seems to be the use of what I'd consider "hacks," but I still haven't discovered all of them. Since the Admin skin is also the "Edit" skin, it's not as simple as making the "backend" a lighter version.

Jason Honingford - Web & Software Developer
www.PortVista.com
 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...File Manager hardcoded background problemFile Manager hardcoded background problem


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