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...Administration ...Administration ...Module CSSModule CSS
Previous
 
Next
New Post
9/7/2012 4:59 PM
 

Hello,

Does anybody know if it's possible to apply a css class to a module? I didn't see anything in the settings... I know you can do color, border and alignment... but, it seems like it would make sense to be able to specify a css class that would be added to the module's outermost div.

Thanks,

Mike

 
New Post
9/8/2012 4:01 AM
 
in host settings you may turn on Module CSS classes in Host Settings which will add classes with moduleid and moduledefid to each container, you may use to style content per module.

Cheers from Germany,
Sebastian Leupold

dnnWerk - The DotNetNuke Experts   German Spoken DotNetNuke User Group

Speed up your DNN Websites with TurboDNN
 
New Post
9/10/2012 9:52 AM
 

ahh - cool - thanks Sebastian.

Maybe I will submit this to gemini though... it seems like it would make sense to get rid of some of those visual settings in the module and just replace them with an optional css class applied to the module... or at least to supplement them with an optional css class.

Thanks,

Mike

 
New Post
9/11/2012 4:43 AM
 
Mike,
there has been already the idea of adding a text box for page specific CSS, would that be a solution for your use case as well?

Cheers from Germany,
Sebastian Leupold

dnnWerk - The DotNetNuke Experts   German Spoken DotNetNuke User Group

Speed up your DNN Websites with TurboDNN
 
New Post
9/11/2012 2:46 PM
 

Hello,

I actually think it would make sense to have class options that can be set for both the page and the module. I probably wouldn't make a box to just type in page-specific CSS... but that might just be me.

DNN already has a framework for centralized portal css that can be customized separate from the skin. So, if administrators had tab and module classes they could apply, I don't see a reason why they couldn't put their actual css in the portal's css file. I think if tab-specific css was allowed, then that will encourage messy design standards. Since admins could accomplish the same outcome with their central css file, I wouldn't see an advantage to that setup, personally. 

I see a few specific use cases and advantages of tab/module classes and not tab-specific css:

  1. Placing some modules that were designed for a desktop environment in a mobile skin can be problematic - this is particularly true for micro-site approaches to mobile where the mobile site is a subset of pages in the main portal. Here, module-specific css classes would let admins mark a module's class as "mobileLinks" or something and then centrally define how those should look different than their normal links module.
  2. There is no downside/cost to un-used classes. So, if I do place a class on a module and then use it for one thing, but later want to get rid of it, I can just remove that from the portal.css file and I'm all set. It isn't going to hurt anything to have the additional class specified.
  3. Using classes rather than actual css reduces redundancies - if you want two tabs to have a similar look, then just give them the same class. Otherwise, you'll have to copy/paste your css every time you want to make a change.
  4. Using tab-specific css makes re-skinning more difficult. Say I have a few pages where I want some special css, but then later change skins... Now, I would have to go through each of those pages and change the settings. If I had centralized it, then I could just delete those entries in my portal CSS file and I'd be all set.

To me, I think the argument for adding module/tab class options is pretty solid.

Hope all's well,

Mike

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Administration ...Administration ...Module CSSModule CSS


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