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, ...Empty anchor tag being inserted at top of modulesEmpty anchor tag being inserted at top of modules
Previous
 
Next
New Post
8/13/2012 6:28 PM
 
I've noticed that when I plage a module in a pane it automatically adds an empty anchor tag like <a name="541"></a>  The problem is the css class for this pane puts a border and backgound behind anchor tags so I wind up with a blob of color of the page. Is there any way to disable the insertion of these tags? 
 
New Post
8/14/2012 4:43 AM
 

You cannot remove them, but you can avoid this by addressing your links like this:

.Normal a:link{background:#f00;}

The Anchors you mention should normally not be inside an element with class Normal, the modules are.

 
New Post
8/14/2012 12:07 PM
 

Thanks for the response, unfortunately I wasn't able to get that to work. But I am new to dnn and I might not completely understand what you are telling me. The css class for formatting the links is in a section that contains the panes and not part of the pane itself. I could reorganize the css classes but I've been instructed to change it as little as possible. Is there a way to give these inserted anchors a specific class?  Is it not possible to specify anchor formatting in a class that is used at a container level without this happening? 

I appreciate any insights anyone might have. 


Here is the original html from the skin before it gets parsed. 

 <section class='row' id='glance'>
 <!-- This 'row' class is the class that defines the style for the anchor tags -->
  <div id="FeaturePanel1" class='three' runat="server"> <!-- a empty anchor tag gets inserted here when a module is added.  Since no class is specified it uses the class of the section above it, causing problems-->   </div>
<div id="FeaturePanel2" class='three' runat="server"></div>
<div id="FeaturePanel3" class='three' runat="server"></div>
<div id="FeaturePane4" class='three last' runat="server"></div>
</section>

Here is the the resulting html after it has been parsed a few html modules have been placed

<section class='row' id='glance'>
 <div id="dnn_FeaturePanel1" class="three">
  <div class="DnnModule DnnModule-DNN_HTML DnnModule-541">
   <a name="541"></a>  <!-- Here is the empty anchor tag with no class defined -->
    <div id="dnn_ctr541_ContentPane">
     <!-- Start_Module_541 --><div id="dnn_ctr541_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
      <div id="dnn_ctr541_HtmlModule_lblContent" class="Normal">
       <span>Who We Serve</span>
       <img alt="" src="/portals/1/images/glance-model.jpg" />
       <p>some text</p>
       <a href="#" class="cta">Learn more</a>
      </div>
     </div><!-- End_Module_541 -->
    </div>
  </div>
 </div>
 <div id="dnn_FeaturePanel2" class="three DNNEmptyPane">
 </div>
    
 <div id="dnn_FeaturePanel3" class="three DNNEmptyPane">
 </div>
    
 <div id="dnn_FeaturePane4" class="three last">
  <div class="DnnModule DnnModule-DNN_HTML DnnModule-544">
   <a name="544"></a>
    <div id="dnn_ctr544_ContentPane">
     <!-- Start_Module_544 --><div id="dnn_ctr544_ModuleContent" class="DNNModuleContent ModDNNHTMLC">
      <div id="dnn_ctr544_HtmlModule_lblContent" class="Normal">
      </div>
     </div><!-- End_Module_544 -->
    </div>
  </div>
 </div>
</section>

 
New Post
8/15/2012 2:29 AM
 
I have never seen these anchors cause any of the issues you describe, so that's why I expected this to be a CSS issue.

They are injected to allow deep-linking to modules on a page (which is regular HTML technique).
This link will take you directly to the news module in the DNN homepage for instance:
http://www.dotnetnuke.com/#8601

I did a quick test on a skin and with this:

a{background:#f00;} > Anchors not visible
a{background:#f00;display:inline-block;padding:5px;} > Anchors as little red blocks
a:link, a:visited{background:#f00;display:inline-block;padding:5px;} > Anchors not visible

So I'm guessing that in the skins CSS there is a padding or something alike for all anchors, which should be for a:link, a:visited

The file you would have to edit is most likely Skin.css and find where the background color is injected for the anchors.

BTW, even if you would remove the DNN injected anchors (you can't), this would result in any anchors injected in the text editor for deep linking to pop-up too..

 

 
New Post
8/16/2012 2:05 PM
 

Thanks a bunch! Changing the css class to specify a:link, a:visited fixed the issue.  Makes perfect sense now that I think about it. 

 
Previous
 
Next
HomeHomeUsing DNN Platf...Using DNN Platf...Skins, Themes, ...Skins, Themes, ...Empty anchor tag being inserted at top of modulesEmpty anchor tag being inserted at top of modules


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