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, ...Include css for a specific set of module instancesInclude css for a specific set of module instances
Previous
 
Next
New Post
8/7/2009 11:11 PM
 

Hi,

I have a DNN 5.1 installation that has several pages that all display an instance of the report module.  I would like to set the font for the text in those specific module instances (but not for all report modules across the site or portal).

I would like to do this as CSS - how can I implement this?

Many thanks

 

 
New Post
8/7/2009 11:26 PM
 

Hey Steve,

This, to me, looks like a perfect place to take advantage of the flexiblity provided by containers. If you are currently using a container, I'd suggest navigating to that container on the file system (e.g. Portals/0/Containers/) and making a copy of that folder in the same place, giving it a new name. This will be the new container that you'll use for the Report modules that you'd like to style.

The next step will be modifying the new container itself to provide some context for styling - basically just wrapping the container in a div and giving it a good css class name - or changing the css class name if one is already there. Essentially you'll just want to make sure your new css selector is A) unique to this situation and B) wraps the entire contents of the container.

From there, you'd want to provide the appropriate css style definitions in the corresponding container.css file.

After you've done that, just go to each of the modules you have in mind and change their container to the new container that you've created.

While there are certainly several ways you could tackle this issue - I think this is a pretty quick, easy, and sustainable way to get it done.

Hope that helps!

Ian


Software Engineer
Co-Founder, dnnGallery
Stack Overflow: Ian Robinson
Twitter: @irobinson
Linked In: Ian Robinson
 
New Post
8/8/2009 12:42 AM
 

Hi Ian,

Many thanks - an ideal reply to my mail - a great help!  May call on the services of engage at some point :-)

Steve

 
New Post
8/8/2009 1:10 AM
 

Hey Steve,

You're welcome and I'm glad I could help.

Take care,

Ian


Software Engineer
Co-Founder, dnnGallery
Stack Overflow: Ian Robinson
Twitter: @irobinson
Linked In: Ian Robinson
 
New Post
8/8/2009 10:06 AM
 

I know that this thread has been resolved, but I would agree with Ian on this one.  I use this method often for doing just the thing that has been queried.

The only difference in my method, is I create a class specific to the ContentPane div / td of the container and assign my selectors and rulesets as follows:

HTML:

<div class="mycontentpane" id="ContentPane" runat="server"></div>

CSS:

.mycontentpane .CommandButton { color: #c0c0c0; }

In this example I've just used .CommandButton, as its a generic DNN class for the Submit Button of most modules.

Jon


Shebang Websites - A product of Mogridge Design
Hey, we're partnered with UntangleMyWeb.com

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Include css for a specific set of module instancesInclude css for a specific set of module instances


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