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 DNN Skin ObjectsStyling DNN Skin Objects
Previous
 
Next
New Post
9/12/2010 2:27 PM
 
I want to change the style on DNN skin objects so I can modify the color of the links.  It seems if I create a new style class and then call it, I get a default skin object link style.  This also happens if I remove the style entirely, which I did just to verify that somehow, there's a default style being set.

What is forcing a default style even if I make another class and correctly call it from the HTML Source Code.

I've listed here 1) The default CSS where I have added a class; 2) where I'm trying to modify this in the Minimal Extropy skin, which I've copied the Index.ascx and created TMP_Index.ascx; 3) Where I've tried changing it in the skin object .ascx file just for verifying that there is a default someplace overriding any changes.

1)  I've found this style in the default.css:

.SkinObject
{
    font-weight: bold;
    font-size: 8.5pt;
    color: #003366;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}

-- I am adding my own copy of the style:
/*
    TMP Skin Objects
*/
.TMPWhiteSkinObject
{
    font-weight: normal;
    font-size: 8.5pt;
    color: #FFFFFF;
    font-family: Tahoma, Arial, Helvetica;
    text-decoration: none;
}

2)  However, when I modify the skin object as follows, the style does not override for some reason:

<table>
                                        <tr>
                                            <td style="padding-right:20px; ">
                                                <div>
                                                    <a href="" style="font-weight: normal; font-family: Arial; font-size: 11px; color: #FFFFFF;">Contact Us</a>
                                                </div>
                                                <div>
                                                    <a href="" style="font-weight: normal; font-family: Arial; font-size: 11px; color: #FFFFFF;">About TMP</a>
                                                </div>
                                            </td>
                                            <td>
                                                <div>
                                                    <dnn:PRIVACY runat="server" id="PRIVACY2" CssClass="TMPWhiteSkinObject" /> <-- Right here, this does not override the style.
                                                </div>
                                                <div>
                                                    <dnn:TERMS runat="server" id="TERMS2" />
                                                </div>
                                            </td>
                                        </tr>
                                    </table>

3)  As well, at the control level itself, I tried both removing the style reference as well as changing it:

<%@ Control language="vb" AutoEventWireup="false" Explicit="True" Inherits="DotNetNuke.UI.Skins.Controls.Terms" CodeFile="Terms.ascx.vb" %>
<asp:hyperlink id="hypTerms" runat="server" cssclass="SkinObject" <-- Changing or removing the style does the same thing
enableviewstate="False"></asp:hyperlink>
 
New Post
9/13/2010 11:48 AM
 
Hi
I am not sure you can remove class="SkinObject" from the code without digging much deeper. The easiest solution is to style the SkinObject depending on the wrapper div or other element. Here is how I would deal with it:

<div class="privacy"><dnn:PRIVACY runat="server" id="dnnPRIVACY" /></div>

and css

.privacy .SkinObject {

font-weight: normal !important;
color: #FFFFFF !important;

}
 
New Post
9/13/2010 12:20 PM
 
The Privacy skin object has an attribute CssClass:

http://www.dotnetnuke.com/LinkClick.a...
Which lets you overrule the default class

You should set that in your skin, not in the ascx of the skin object itself.
 
New Post
9/13/2010 12:26 PM
 
Timo,

I'm a bit confused on this one part of the reply:

"You should set that in your skin, not in the ascx of the skin object itself."  I always thought the .ascx file was the skin itself.  Instead would I change the .css file and not the ascx file?  I did try this.  I did create a new class in the default.css and this worked for the Copyright object but would not for the Privacy and I believe also the Terms object.

Mike
 
New Post
9/13/2010 12:27 PM
 
Also when I click this link I get an error.  I think the entire link did not make it through to me.

Mike
 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Styling DNN Skin ObjectsStyling DNN Skin Objects


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